sassblueprint 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 3c6a1ce12bd3a0afd94fea92bc83e5965490d9e1
4
- data.tar.gz: 0e14aae5aaf72048697c5e2817920db7eba587eb
3
+ metadata.gz: abe1947fc902d8b0541d585b4a18ba4076575b7a
4
+ data.tar.gz: be051794b80014f8e31fc7d31ae0b8c11bb243ee
5
5
  SHA512:
6
- metadata.gz: a1c3559691e2a6425beb2c26582048c72b294264f381cead7ce00d34a1e378ff676f7ff167cd70f39e686e2e00824e500644ffd7735da27a662505c6ae7508aa
7
- data.tar.gz: 7f54c07d345bcce01fc84ad1d4eb72ddc09647c294f87c0102bdd9b4635ef80ef0804e0d3f693e469c4fb4d4c81182fdcc6ae7e030135c3c8a065b6dc05f37be
6
+ metadata.gz: ea187e560a28aa3925b50b2c5c318da2025f68d6622b065c41066a88889de499d64462482085d3be6364385d8e0dff73db7cc04ae42ffc7c72843db50466e9b4
7
+ data.tar.gz: 41036d73f270668b889cba99936efad3ab9adcd2ca7158b0ef3ca38592eb465ad38c2fc92f6b9f34f39f315187141a7f07a08a06004abe6659044409f096c04f
Binary file
Binary file
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |spec|
4
4
  spec.name = "sassblueprint"
5
- spec.version = "0.0.3"
5
+ spec.version = "0.0.4"
6
6
  spec.authors = ["Kendall Totten"]
7
7
  spec.email = ["kendalltotten@gmail.com"]
8
8
  spec.summary = %q{A collection of Sass utilities}
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sassblueprint
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.3
4
+ version: 0.0.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Kendall Totten
@@ -86,17 +86,8 @@ files:
86
86
  - lib/stylesheets/base_utilities/_tooltip.sass
87
87
  - lib/stylesheets/base_utilities/_typography.sass
88
88
  - lib/stylesheets/base_utilities/_z-index.scss
89
- - lib/stylesheets/plugins/layouts/_panels_admin.sass
90
- - lib/stylesheets/plugins/layouts/_panels_global.sass
91
- - lib/stylesheets/plugins/layouts/armstrong/armstrong.sass
92
- - lib/stylesheets/plugins/layouts/cooper/cooper.sass
93
- - lib/stylesheets/plugins/layouts/footer/footer.sass
94
- - lib/stylesheets/plugins/layouts/landing_video/landing_video.sass
95
- - lib/stylesheets/plugins/layouts/mustang/mustang.sass
96
- - lib/stylesheets/plugins/layouts/rebel/rebel.sass
97
- - lib/stylesheets/plugins/layouts/sapphire/sapphire.sass
98
- - lib/stylesheets/plugins/layouts/shelby/shelby.sass
99
- - lib/stylesheets/plugins/layouts/viper/viper.sass
89
+ - sassblueprint-0.0.1.gem
90
+ - sassblueprint-0.0.3.gem
100
91
  - sassblueprint.gemspec
101
92
  homepage: ''
102
93
  licenses:
@@ -1,172 +0,0 @@
1
- // CSS for modal window
2
- #classy-panel-styles-pane-form,
3
- #panels-edit-style-settings-form
4
- .form-type-select,
5
- width: 100%
6
- .form-item
7
- margin-bottom: 5px
8
- float: left
9
- clear: both
10
- width: 100%
11
-
12
- .form-item label
13
- width: 20%
14
- float: left
15
- clear: both
16
- font-size: 15px
17
- text-align: right
18
- color: #007FBF
19
- padding: 0
20
- margin: 5px 2% 2px 0
21
- font-weight: bold
22
- line-height: 1.1
23
-
24
- input.form-autocomplete,
25
- input.form-text,
26
- input.form-file,
27
- textarea.form-textarea,
28
- select.form-select
29
- padding: 0 5px
30
- border: 1px solid #DDD
31
- background-color: #FFF
32
- background-position: 99% 50%
33
- color: #333
34
- font-size: 14px
35
- margin: 0
36
- width: 75%
37
- clear: right
38
-
39
- .grippie
40
- max-width: 75%
41
- float: left
42
- margin-left: 22%
43
- width: 100%
44
- margin-bottom: 10px
45
-
46
- .description
47
- float: right
48
- clear: right
49
- text-align: left
50
- padding: 0
51
- margin: 7px 2% 15px 0
52
- font-weight: normal
53
- line-height: 1.1
54
- width: 76%
55
- color: #555
56
- font-size: 13px
57
-
58
- ////////////////////////////////////
59
- // Styles for admin interface
60
-
61
- .panels-dnd
62
- .panel-pane
63
- width: 100% // set default width to 100%
64
-
65
- #panels-dnd-main
66
- // ****************************
67
- // **** CTOOLS
68
- div.panel-region .pane-add-link
69
- margin: 0
70
- a.ctools-dropdown-image-link
71
- background: url("../images/gear.png")
72
- background-size: contain
73
- width: 25px
74
- height: 25px
75
- .ctools-dropdown .ctools-dropdown-container ul
76
- line-height: 1.3
77
- .changed .grabber,
78
- .ajax-changed .grabber
79
- @extend %changed !optional
80
- .hidden .grabber
81
- @extend %disabled !optional
82
- // ****************************
83
- // **** CLEARFIX
84
- .panel-region,
85
- .container-inner,
86
- .column-content-region
87
- &:after
88
- content: "."
89
- font-size: 0
90
- clear: both
91
- // ****************************
92
- // **** PANEL DISPLAY
93
- .panel-panel .inside
94
- +clearfix
95
-
96
- .panel-display
97
- @include background-grid
98
- padding-right: 1%
99
- +clearfix
100
- // to compensate for the offset grid bg colors
101
- .container-inner.grid-12
102
- float: left
103
- width: 100%
104
-
105
- // ****************************
106
- // **** PANEL REGION
107
- .panel-panel .inside
108
- +clearfix
109
- background: #EBEBEB
110
- border: 1px dashed #ddd
111
- margin: 0 0 5px 0
112
- padding: 6px 0
113
-
114
- .panel-panel .panel-region
115
- +clearfix
116
- background: white
117
- padding: 2px
118
- overflow: visible
119
- float: left
120
- width: 100%
121
- line-height: 0
122
-
123
- h2.label
124
- line-height: 1.5
125
- font-size: 1.3em
126
- color: black
127
- .panel-pane
128
- line-height: 1.2
129
- //max-width: 98%
130
- //margin: 1% !important
131
- .panel-portlet.changed
132
- width: 100%
133
- // ****************************
134
- // **** PANEL PANE
135
- .panel-pane
136
- +box-sizing(border-box)
137
- padding: 0
138
- margin: 0
139
- position: relative
140
- //float: none !important
141
- .pane-content
142
- margin: 0 10px
143
- position: relative
144
-
145
-
146
-
147
- ///////////////////////////////////
148
- // IPE
149
- ///////////////////////////////////
150
- $ipe-color: #FC8F05
151
- .panels-ipe-editing .panels-ipe-region 

152
- border: $ipe-color dotted 2px
153
-
154
- div.panels-ipe-placeholder
155
- background: none
156
- border: none
157
- margin-top: 2px
158
- h3 

159
- font-size: 20px 

160
- margin: 0.154em 0

161
- color: $ipe-color
162
-
163
- div.panels-ipe-newblock
164
- +box-shadow(0)
165
-
166
- .panels-ipe-linkbar.links--inline li
167
- margin-right: 0em
168
-
169
-
170
- div.panels-ipe-draghandle,
171
- div.panels-ipe-nodraghandle
172
- padding: 4px 7px
@@ -1,42 +0,0 @@
1
- @mixin panel-defaults
2
- $breakpoint-no-query-fallbacks: '.lt-ie9' !global
3
- @include add-gutter(12px)
4
- @include add-gutter-style('fixed')
5
- padding: 0
6
- position: relative
7
- +page-max-width
8
- #panels-dnd-main &
9
- overflow: visible
10
-
11
- .panel-panel.panel-col-top
12
- margin-bottom: 0
13
- +breakpoint($mobile-device)
14
- //height: 50px // this doesnt work on articles/chevelle
15
-
16
- .panel-col-top,
17
- .panel-col-middle,
18
- .panel-col-bottom
19
- float: left
20
- clear: both
21
-
22
- .panel-col-middle,
23
- .panel-col-middle-bottom
24
- float: left
25
- clear: both
26
- .panel-pane
27
- margin-bottom: 15px
28
-
29
- .panel-pane.float-none
30
- float: none
31
-
32
- .inside,
33
- .indent
34
- +content-area-padding
35
- +clearfix
36
-
37
- .panel-panel
38
- position: relative
39
- float: left
40
- clear: left
41
- width: 100%
42
-
@@ -1,69 +0,0 @@
1
- @import "../../../base_utilities"
2
- @import "../panels_admin"
3
- @import "../panels_global"
4
-
5
-
6
- .panel-display
7
- +panel-defaults
8
-
9
- [class*=content-row]
10
- clear: left
11
- ////////////////////////////////////////////
12
- // MOBILE Panel Panel
13
- ////////////////////////////////////////////
14
- +breakpoint($max-tab-p)
15
- max-width: 550px
16
- margin: 0 auto
17
- .panel-panel
18
- @include add-grid(4)
19
- //@include grid-background-4
20
-
21
- .panel-region-top,
22
- .panel-region-content-bottom,
23
- .panel-region-content,
24
- .panel-region-sidebar
25
- +grid-span(4, 1)
26
- clear: left
27
- ////////////////////////////////////////////
28
- // TABLET
29
- ////////////////////////////////////////////
30
- +breakpoint($tab-p-desk)
31
- .panel-panel
32
- @include add-grid(8)
33
- //@include grid-background-8
34
-
35
- .panel-region-top,
36
- .panel-region-content-bottom
37
- +grid-span(8, 1)
38
- clear: left
39
- //banner ad
40
- .panel-region-content
41
- +grid-span(4, 1)
42
- clear: left
43
-
44
- .panel-region-sidebar
45
- +grid-span(4, 5)
46
-
47
-
48
- ////////////////////////////////////////////
49
- // DESKTOP
50
- ////////////////////////////////////////////
51
- +breakpoint($desktop)
52
- .panel-panel
53
- //@include grid-background-12
54
- @include add-grid(12)
55
- //@include layout($grid, $gutter, $output-style)
56
-
57
- .panel-region-top,
58
- .panel-region-content-bottom
59
- +grid-span(12, 1)
60
- clear: left
61
-
62
- .panel-region-content
63
- +grid-span(8, 1)
64
- clear: left
65
-
66
-
67
- .panel-region-sidebar
68
- +grid-span(4, 9)
69
-
@@ -1,11 +0,0 @@
1
- @import "../../../base_utilities"
2
- @import "../panels_admin"
3
- @import "../panels_global"
4
-
5
-
6
- #page .cooper
7
- .panel-pane
8
- width: auto
9
- clear: none
10
- margin: 0
11
-
@@ -1,164 +0,0 @@
1
- @import "../../../base_utilities"
2
- $breakpoint-no-query-fallbacks: '.lt-ie9' !global
3
-
4
-
5
- .footer.mini-panel-display
6
- @include add-grid(12)
7
- overflow: hidden
8
- .panel-region
9
- margin-bottom: 20px
10
- .footer-team-copyright-region .panel-region
11
- margin-bottom: 0
12
- +breakpoint($print-media)
13
- display: none
14
-
15
- // Expand footer outside of margin on phone size
16
- //+breakpoint($max-phone-l)
17
- //margin: 0 -10px
18
-
19
- .footer-toggle-region,
20
- .footer-team-toggle-region
21
- width: 100%
22
- padding: 0
23
- margin: 0
24
-
25
- .footer-team
26
- position: relative
27
- width: 100%
28
- float: left
29
- clear: left
30
- padding: 0
31
- .footer-team-inner
32
- padding: 20px 20px 60px 20px
33
- .footer-team-copyright-region
34
- position: absolute
35
- padding: 20px
36
- bottom: 0
37
- #panels-dnd-main &
38
- position: relative
39
-
40
- .footer-main
41
- width: 100%
42
- float: left
43
- clear: left
44
- .footer-nfl
45
- width: 95%
46
- margin: 0 auto
47
- padding: 65px 0 0 0
48
- .footer-nfl-inner
49
- padding: 0 0 10px 0
50
-
51
- .nfl-teams-american-inner,
52
- .nfl-teams-national-inner
53
- width: 100%
54
- padding: 1px 0 0 0
55
- .panel-pane
56
- margin: 15% 0 0 0
57
-
58
- // ******* MOBILE ********* //
59
- +breakpoint($max-tab-p)
60
-
61
- .footer-col-1,
62
- .footer-col-2,
63
- .footer-col-3,
64
- .footer-col-4,
65
- .nfl-links
66
- +grid-span(12, 1)
67
- .nfl-teams-american
68
- +grid-span(6, 1)
69
- padding-right: 0
70
- clear: right
71
- width: 48%
72
- .nfl-teams-national
73
- +grid-span(6, 7)
74
- width: 48%
75
-
76
- .footer-nfl-inner,
77
- .footer-team-inner
78
- display: none
79
-
80
- #panels-dnd-main &
81
- display: block
82
-
83
- .footer-toggle-region,
84
- .footer-team-toggle-region
85
- display: block
86
-
87
- .nfl-teams-american-inner,
88
- .nfl-teams-national-inner
89
- padding: 30px 0 0 0
90
-
91
- .nfl-links
92
- ul.menu
93
- padding: 0
94
-
95
-
96
- // ******* TABLET ********* //
97
- +breakpoint($tab-p-desk)
98
-
99
- .footer-col-1
100
- +grid-span(3, 1)
101
- .footer-col-2
102
- +grid-span(3, 4)
103
- .footer-col-3
104
- +grid-span(3, 7)
105
- .footer-col-4
106
- +grid-span(3, 10)
107
-
108
- .footer-nfl-inner,
109
- .footer-team-inner
110
- display: block
111
-
112
- .footer-toggle-region,
113
- .footer-team-toggle-region
114
- display: none
115
- #panels-dnd-main &
116
- display: block
117
-
118
- .nfl-links
119
- +grid-span(12, 1)
120
- .nfl-teams-american
121
- +grid-span(6, 1)
122
- padding-right: 0
123
- clear: both
124
- width: 49%
125
- .nfl-teams-national
126
- +grid-span(6, 7)
127
- width: 49%
128
-
129
- .nfl-teams-american-inner,
130
- .nfl-teams-national-inner
131
- padding: 30px 0 0 0
132
-
133
- // ******* DESKTOP ********* //
134
- +breakpoint($desktop)
135
-
136
- .footer-col-1
137
- +grid-span(3, 1)
138
- .footer-col-2
139
- +grid-span(3, 4)
140
- .footer-col-3
141
- +grid-span(3, 7)
142
- .footer-col-4
143
- +grid-span(3, 10)
144
-
145
- .nfl-links
146
- +grid-span(12, 1)
147
- .nfl-teams-american
148
- +grid-span(6, 1)
149
- padding-right: 0
150
- clear: right
151
- width: 49%
152
- .nfl-teams-national
153
- +grid-span(6, 7)
154
- width: 49%
155
-
156
- .footer-toggle-region,
157
- .footer-team-toggle-region
158
- display: none
159
- #panels-dnd-main &
160
- display: block
161
-
162
- .footer-nfl-inner,
163
- .footer-team-inner
164
- display: block
@@ -1,20 +0,0 @@
1
- @import "../../../base_utilities"
2
- @import "../panels_admin"
3
- @import "../panels_global"
4
-
5
- .panel-display
6
- +panel-defaults
7
-
8
- .region-1,
9
- .region-2
10
- +grid-span(4, 1)
11
- background: pink
12
-
13
- .region-3
14
- +grid-span(8, 5)
15
- background: green
16
-
17
- .region-4
18
- +grid-span(4, 1)
19
- background: blue
20
- clear: left
@@ -1,134 +0,0 @@
1
- @import "../../../base_utilities"
2
- @import "../panels_admin"
3
- @import "../panels_global"
4
-
5
-
6
- .panel-display
7
- +panel-defaults
8
-
9
- .panel-col-top,
10
- .panel-col-middle,
11
- .panel-col-bottom,
12
- .panel-region-teasers,
13
- .main,
14
- .panel-region-community,
15
- .personnel-details
16
- width: 100%
17
- float: left
18
- clear: left
19
- .panel-region-content-bottom
20
- width: 100%
21
- //.panel-region-sticky-menu,
22
- .personnel-details
23
- margin-top: 20px
24
-
25
- ////////////////////////////////////////////
26
- // MOBILE Panel Panel
27
- ////////////////////////////////////////////
28
-
29
- +breakpoint($max-tab-p)
30
- .panel-panel
31
- @include add-grid(4)
32
- //@include grid-background-4
33
-
34
- .col-3-row.row-2
35
- display: none
36
-
37
- ////////////////////////////////////////////
38
- // TABLET
39
- ////////////////////////////////////////////
40
- +breakpoint($tab-l-desk)
41
- .panel-panel
42
- //padding-right: 60px
43
-
44
- +breakpoint($tab-p-desk)
45
- .panel-panel
46
- @include add-grid(40px 1 300px)
47
- @include sgs-change('output', 'calc')
48
-
49
- .panel-region-share-icons
50
- +grid-span(1, 1)
51
- .panel-region-content-top-col-1
52
- +grid-span(1, 2)
53
-
54
- .panel-region-player-main
55
- +grid-span(2, 2)
56
- padding: 10px
57
- .panel-region-content-top-col-1,
58
- .panel-region-content-top-col-2
59
- width: 49%
60
- float: left
61
- .panel-region-content-top-col-1
62
- margin: 0 2% 0 0
63
- .col-2-row
64
- float: left
65
- clear: left
66
- width: 100%
67
- .panel-region-content-top-col-3
68
- +grid-span(1, 3)
69
- clear: both
70
-
71
- .panel-region-community,
72
- .panel-region-blurb
73
- +grid-span(1, 2)
74
- clear: left
75
- //.panel-pane
76
- // padding-right: 20px
77
-
78
- .panel-region-content-bottom
79
- +grid-span(3, 1)
80
- clear: left
81
-
82
-
83
- ////////////////////////////////////////////
84
- // DESKTOP
85
- ////////////////////////////////////////////
86
- +breakpoint($desktop)
87
- .panel-panel
88
- //@include grid-background-12
89
- @include add-grid(40px 1 1 300px)
90
- @include sgs-change('output', 'calc')
91
- //@include layout($grid, $gutter, $output-style)
92
-
93
- .main
94
- position: relative
95
- .panel-region-share-icons
96
- +grid-span(1, 1)
97
- .panel-region-player-main
98
- +grid-span(2, 2)
99
- padding: 10px
100
- .panel-pane
101
- margin-bottom: 0
102
-
103
- .panel-region-content-top-col-1,
104
- .panel-region-content-top-col-2
105
- width: 49%
106
- float: left
107
- .panel-region-content-top-col-1
108
- margin-right: 2%
109
- .col-2-row
110
- float: left
111
- clear: left
112
- width: 100%
113
- .col-3-row
114
- +grid-span(1, 4)
115
- clear: right
116
-
117
- .panel-region-blurb
118
- +grid-span(2, 2)
119
- clear: left
120
-
121
- // with social share icons
122
- &.social-bar
123
- .panel-panel
124
- //@include grid-background-12
125
- @include add-grid(40px 1 300px)
126
- @include sgs-change('output', 'calc')
127
- //@include layout($grid, $gutter, $output-style)
128
- .panel-region-share-icons
129
- +grid-span(1, 1)
130
- .panel-region-content-top-col-1
131
- +grid-span(1, 2)
132
- .panel-region-content-top-col-2
133
- +grid-span(1, 3)
134
-
@@ -1,17 +0,0 @@
1
- @import "../../../base_utilities"
2
- @import "../panels_admin"
3
- @import "../panels_global"
4
-
5
- .panel-display
6
- //+panel-defaults
7
- .panel-panel
8
- min-height: 1px
9
- width: 100%
10
- float: none
11
- display: block
12
- margin-bottom: 5px
13
-
14
-
15
-
16
-
17
-
@@ -1,126 +0,0 @@
1
- @import "../../../base_utilities"
2
- @import "../panels_admin"
3
- @import "../panels_global"
4
-
5
-
6
- .panel-display
7
- +panel-defaults
8
-
9
-
10
- ////////////////////////////////////////////
11
- // MOBILE Panel Panel
12
- ////////////////////////////////////////////
13
- +breakpoint($max-tab-p)
14
- .panel-panel
15
- @include add-grid(4)
16
- //@include grid-background-4
17
-
18
- .panel-region-shop-ad,
19
- .panel-region-banner-ad,
20
- .banner-ad,
21
- .shop-ad
22
- text-align: center
23
-
24
- .panel-region-shop-ad,
25
- .panel-region-banner-ad,
26
- .panel-region-lead-photo,
27
- .panel-region-news-blogs,
28
- .panel-region-videos,
29
- .panel-region-photos,
30
- .panel-region-mailbag,
31
- .panel-region-content-bottom,
32
- .panel-region-content-bottom-right
33
- +grid-span(4, 1)
34
- clear: left
35
- ////////////////////////////////////////////
36
- // TABLET
37
- ////////////////////////////////////////////
38
- +breakpoint($tab-p-desk)
39
- .panel-panel
40
- @include add-grid(2)
41
- //@include grid-background-8
42
-
43
- .panel-region-top,
44
- .panel-region-breaking-news,
45
- .panel-region-lead-photo
46
- +grid-span(2, 1)
47
-
48
- .panel-region-photos,
49
- .panel-region-banner-ad
50
- +grid-span(1, 2)
51
- clear: right
52
- .media-wrap~.media-wrap~.media-wrap~.media-wrap
53
- display: none
54
-
55
- .panel-region-videos
56
- +grid-span(2, 1)
57
- clear: both
58
-
59
- .panel-region-news-blogs
60
- +grid-span(1, 1)
61
- clear: right
62
-
63
- .panel-region-mailbag,
64
- .panel-region-content-bottom
65
- +grid-span(2, 1)
66
- clear: both
67
- .panel-region-content-bottom-right
68
- +grid-span(2, 1)
69
- .panel-pane
70
- @include width-50(0 1%)
71
- .cowboys-talk,
72
- .banner-ad
73
- float: right
74
-
75
-
76
- ////////////////////////////////////////////
77
- // DESKTOP
78
- ////////////////////////////////////////////
79
- +breakpoint($desktop)
80
- .panel-panel
81
- //@include grid-background-12
82
- @include add-grid(1 1 300px)
83
- @include sgs-change('output', 'calc')
84
-
85
- .panel-region-top,
86
- .panel-region-breaking-news,
87
- .panel-region-lead-photo
88
- +grid-span(3, 1)
89
-
90
- .panel-region-lead-photo
91
- +grid-span(2, 2)
92
-
93
- //.panel-region-shop-ad,
94
- .panel-region-news-blogs
95
- +grid-span(1, 1)
96
- clear: left
97
-
98
- .panel-region-photos
99
- +grid-span(1, 2)
100
- clear: right
101
-
102
- .panel-region-banner-ad
103
- +grid-span(1, 3)
104
- clear: right
105
-
106
- .panel-region-videos
107
- +grid-span(3, 1)
108
- clear: left
109
-
110
- .panel-region-mailbag,
111
- .panel-region-content-bottom
112
- +grid-span(2, 1)
113
- clear: both
114
- .panel-pane
115
- width: 100%
116
-
117
- .panel-region-content-bottom-right
118
- +grid-span(1, 3)
119
- position: absolute
120
- top: 0
121
- right: 0
122
- margin-right: 20px
123
- #panels-dnd-main &
124
- .panel-region-content-bottom-right
125
- margin-right: 0
126
-
@@ -1,101 +0,0 @@
1
- @import "../../../base_utilities"
2
- @import "../panels_admin"
3
- @import "../panels_global"
4
-
5
-
6
- .panel-display
7
- +panel-defaults
8
- .panel-col-top,
9
- .panel-col-middle,
10
- .panel-col-bottom,
11
- .panel-region-teasers,
12
- .main,
13
- .panel-region-blurb,
14
- .panel-region-community,
15
- .panel-region-content-bottom
16
- width: 100%
17
- float: left
18
- clear: left
19
- ////////////////////////////////////////////
20
- // MOBILE Panel Panel
21
- ////////////////////////////////////////////
22
-
23
- +breakpoint($max-tab-p)
24
- .panel-panel
25
- @include add-grid(4)
26
- //@include grid-background-4
27
-
28
- .col-3-row.row-2
29
- display: none
30
-
31
-
32
-
33
- ////////////////////////////////////////////
34
- // TABLET
35
- ////////////////////////////////////////////
36
- +breakpoint($tab-l-desk)
37
- .panel-panel
38
- padding-right: 60px
39
-
40
- +breakpoint($tab-p-desk)
41
- .panel-panel
42
- @include add-grid(40px 1 300px)
43
- @include sgs-change('output', 'calc')
44
-
45
- .panel-region-share-icons
46
- +grid-span(1, 1)
47
- .panel-region-content-top-col-1
48
- +grid-span(2, 2)
49
-
50
- .panel-region-content-top-col-2
51
- +grid-span(2, 2)
52
- .col-2-row
53
- width: 50%
54
- float: left
55
-
56
-
57
- .panel-region-community,
58
- .panel-region-blurb
59
- +grid-span(1, 2)
60
- clear: left
61
- //.panel-pane
62
- // padding-right: 20px
63
-
64
- .panel-region-content-bottom
65
- +grid-span(2, 2)
66
- clear: left
67
-
68
-
69
- ////////////////////////////////////////////
70
- // DESKTOP
71
- ////////////////////////////////////////////
72
- +breakpoint($desktop)
73
- .panel-panel
74
- //@include grid-background-12
75
- @include add-grid(1 300px)
76
- @include sgs-change('output', 'calc')
77
- //@include layout($grid, $gutter, $output-style)
78
-
79
- .main
80
- position: relative
81
-
82
- .panel-region-content-top-col-1
83
- +grid-span(1, 1)
84
- .panel-region-content-top-col-2
85
- +grid-span(1, 2)
86
-
87
-
88
- // with social share icons
89
- &.social-bar
90
- .panel-panel
91
- //@include grid-background-12
92
- @include add-grid(40px 1 300px)
93
- @include sgs-change('output', 'calc')
94
- //@include layout($grid, $gutter, $output-style)
95
- .panel-region-share-icons
96
- +grid-span(1, 1)
97
- .panel-region-content-top-col-1
98
- +grid-span(1, 2)
99
- .panel-region-content-top-col-2
100
- +grid-span(1, 3)
101
-
@@ -1,72 +0,0 @@
1
- @import "../../../base_utilities"
2
- @import "../panels_admin"
3
- @import "../panels_global"
4
-
5
- .panel-display
6
- +panel-defaults
7
- .panel-panel
8
- min-height: 1px
9
- width: 100%
10
- float: none
11
- display: block
12
- margin-bottom: 5px
13
- &.title-container,
14
- &.presented-by
15
- float: left
16
- width: 50%
17
- &.presented-by
18
- text-align: right
19
- clear: none
20
-
21
-
22
- .no-sidebar
23
- display: none
24
- #panels-dnd
25
- display: block
26
-
27
-
28
- // // ******* NOT DESKTOP ********* //
29
- +breakpoint($mobile-device)
30
- .indent
31
- margin-top: 20px
32
- .sidebar
33
- padding: 10px
34
- //
35
- // // ******* MOBILE ********* //
36
- // +breakpoint($max-phone-p)
37
-
38
- // // ******* LARGE MOBILE ********* //
39
- // +breakpoint($phone-p $tab-p)
40
- //
41
-
42
- // ******* TABLET ********* //
43
- +breakpoint($tab-p-desk)
44
- .sidebar
45
- .panel-pane
46
- width: 100%
47
- padding-right: 320px
48
- margin-right: -320px
49
- float: left
50
- clear: none
51
- .panel-pane.ad
52
- width: 300px
53
- float: right
54
- padding-right: 0px
55
- margin-right: 0px
56
- z-index: map-get($zindex, content-above)
57
- position: relative
58
-
59
-
60
- // ******* DESKTOP ********* //
61
- +breakpoint($desktop)
62
-
63
- .with-sidebar
64
- @include add-grid(1 300px)
65
- @include sgs-change('output', 'calc')
66
- .middle
67
- +grid-span(1, 1)
68
- .sidebar
69
- +grid-span(1, 2)
70
- clear: none
71
-
72
-