sassblueprint 0.0.3
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 +7 -0
- data/Gemfile +21 -0
- data/LICENSE.txt +22 -0
- data/README.md +31 -0
- data/Rakefile +2 -0
- data/lib/sassblueprint.rb +11 -0
- data/lib/stylesheets/README.md +124 -0
- data/lib/stylesheets/Understanding_the_theme_structure.png +0 -0
- data/lib/stylesheets/_Sassblueprint.sass +2 -0
- data/lib/stylesheets/_base_components.sass +17 -0
- data/lib/stylesheets/_base_utilities.sass +14 -0
- data/lib/stylesheets/base_components/README.md +40 -0
- data/lib/stylesheets/base_components/chrome/header/_branding.sass +32 -0
- data/lib/stylesheets/base_components/chrome/header/_mobile_toggle.sass +24 -0
- data/lib/stylesheets/base_components/chrome/header/_primary_menu.sass +66 -0
- data/lib/stylesheets/base_components/chrome/header/_search.sass +46 -0
- data/lib/stylesheets/base_components/chrome/header/_social.sass +30 -0
- data/lib/stylesheets/base_components/content_lists/_content_carousel.sass +0 -0
- data/lib/stylesheets/base_components/content_lists/_content_stream.sass +297 -0
- data/lib/stylesheets/base_components/content_lists/_featured.sass +80 -0
- data/lib/stylesheets/base_components/content_lists/_headlines.sass +5 -0
- data/lib/stylesheets/base_components/content_lists/_topic_lists.sass +16 -0
- data/lib/stylesheets/base_components/content_modules/_carousel.sass +23 -0
- data/lib/stylesheets/base_components/content_modules/_chosen.sass +294 -0
- data/lib/stylesheets/base_components/content_modules/_colorbox.sass +208 -0
- data/lib/stylesheets/base_components/content_modules/_flexslider.sass +93 -0
- data/lib/stylesheets/base_components/content_modules/_sticky_menu.sass +40 -0
- data/lib/stylesheets/base_utilities/README.md +16 -0
- data/lib/stylesheets/base_utilities/_admin.sass +9 -0
- data/lib/stylesheets/base_utilities/_animations.sass +47 -0
- data/lib/stylesheets/base_utilities/_breakpoints.sass +59 -0
- data/lib/stylesheets/base_utilities/_colors.sass +23 -0
- data/lib/stylesheets/base_utilities/_eq.sass +260 -0
- data/lib/stylesheets/base_utilities/_font_awesome.scss +540 -0
- data/lib/stylesheets/base_utilities/_forms.sass +27 -0
- data/lib/stylesheets/base_utilities/_header.sass +19 -0
- data/lib/stylesheets/base_utilities/_images.sass +79 -0
- data/lib/stylesheets/base_utilities/_layout.sass +119 -0
- data/lib/stylesheets/base_utilities/_page.sass +48 -0
- data/lib/stylesheets/base_utilities/_tooltip.sass +48 -0
- data/lib/stylesheets/base_utilities/_typography.sass +113 -0
- data/lib/stylesheets/base_utilities/_z-index.scss +15 -0
- data/lib/stylesheets/plugins/layouts/_panels_admin.sass +172 -0
- data/lib/stylesheets/plugins/layouts/_panels_global.sass +42 -0
- data/lib/stylesheets/plugins/layouts/armstrong/armstrong.sass +69 -0
- data/lib/stylesheets/plugins/layouts/cooper/cooper.sass +11 -0
- data/lib/stylesheets/plugins/layouts/footer/footer.sass +164 -0
- data/lib/stylesheets/plugins/layouts/landing_video/landing_video.sass +20 -0
- data/lib/stylesheets/plugins/layouts/mustang/mustang.sass +134 -0
- data/lib/stylesheets/plugins/layouts/rebel/rebel.sass +17 -0
- data/lib/stylesheets/plugins/layouts/sapphire/sapphire.sass +126 -0
- data/lib/stylesheets/plugins/layouts/shelby/shelby.sass +101 -0
- data/lib/stylesheets/plugins/layouts/viper/viper.sass +72 -0
- data/sassblueprint.gemspec +21 -0
- metadata +125 -0
|
@@ -0,0 +1,164 @@
|
|
|
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
|
|
@@ -0,0 +1,20 @@
|
|
|
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
|
|
@@ -0,0 +1,134 @@
|
|
|
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
|
+
|
|
@@ -0,0 +1,126 @@
|
|
|
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
|
+
|
|
@@ -0,0 +1,101 @@
|
|
|
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
|
+
|
|
@@ -0,0 +1,72 @@
|
|
|
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
|
+
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# coding: utf-8
|
|
2
|
+
|
|
3
|
+
Gem::Specification.new do |spec|
|
|
4
|
+
spec.name = "sassblueprint"
|
|
5
|
+
spec.version = "0.0.3"
|
|
6
|
+
spec.authors = ["Kendall Totten"]
|
|
7
|
+
spec.email = ["kendalltotten@gmail.com"]
|
|
8
|
+
spec.summary = %q{A collection of Sass utilities}
|
|
9
|
+
spec.homepage = ""
|
|
10
|
+
spec.license = "MIT"
|
|
11
|
+
|
|
12
|
+
spec.files = `git ls-files -z`.split("\x0")
|
|
13
|
+
spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
|
|
14
|
+
spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
|
|
15
|
+
spec.require_paths = ["lib"]
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
spec.add_development_dependency "bundler", "~> 1.7"
|
|
19
|
+
spec.add_development_dependency "rake", "~> 10.0"
|
|
20
|
+
end
|
|
21
|
+
|