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 +4 -4
- data/sassblueprint-0.0.1.gem +0 -0
- data/sassblueprint-0.0.3.gem +0 -0
- data/sassblueprint.gemspec +1 -1
- metadata +3 -12
- data/lib/stylesheets/plugins/layouts/_panels_admin.sass +0 -172
- data/lib/stylesheets/plugins/layouts/_panels_global.sass +0 -42
- data/lib/stylesheets/plugins/layouts/armstrong/armstrong.sass +0 -69
- data/lib/stylesheets/plugins/layouts/cooper/cooper.sass +0 -11
- data/lib/stylesheets/plugins/layouts/footer/footer.sass +0 -164
- data/lib/stylesheets/plugins/layouts/landing_video/landing_video.sass +0 -20
- data/lib/stylesheets/plugins/layouts/mustang/mustang.sass +0 -134
- data/lib/stylesheets/plugins/layouts/rebel/rebel.sass +0 -17
- data/lib/stylesheets/plugins/layouts/sapphire/sapphire.sass +0 -126
- data/lib/stylesheets/plugins/layouts/shelby/shelby.sass +0 -101
- data/lib/stylesheets/plugins/layouts/viper/viper.sass +0 -72
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: abe1947fc902d8b0541d585b4a18ba4076575b7a
|
4
|
+
data.tar.gz: be051794b80014f8e31fc7d31ae0b8c11bb243ee
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ea187e560a28aa3925b50b2c5c318da2025f68d6622b065c41066a88889de499d64462482085d3be6364385d8e0dff73db7cc04ae42ffc7c72843db50466e9b4
|
7
|
+
data.tar.gz: 41036d73f270668b889cba99936efad3ab9adcd2ca7158b0ef3ca38592eb465ad38c2fc92f6b9f34f39f315187141a7f07a08a06004abe6659044409f096c04f
|
Binary file
|
Binary file
|
data/sassblueprint.gemspec
CHANGED
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.
|
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
|
-
-
|
90
|
-
-
|
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,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,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
|
-
|