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.
Files changed (55) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +21 -0
  3. data/LICENSE.txt +22 -0
  4. data/README.md +31 -0
  5. data/Rakefile +2 -0
  6. data/lib/sassblueprint.rb +11 -0
  7. data/lib/stylesheets/README.md +124 -0
  8. data/lib/stylesheets/Understanding_the_theme_structure.png +0 -0
  9. data/lib/stylesheets/_Sassblueprint.sass +2 -0
  10. data/lib/stylesheets/_base_components.sass +17 -0
  11. data/lib/stylesheets/_base_utilities.sass +14 -0
  12. data/lib/stylesheets/base_components/README.md +40 -0
  13. data/lib/stylesheets/base_components/chrome/header/_branding.sass +32 -0
  14. data/lib/stylesheets/base_components/chrome/header/_mobile_toggle.sass +24 -0
  15. data/lib/stylesheets/base_components/chrome/header/_primary_menu.sass +66 -0
  16. data/lib/stylesheets/base_components/chrome/header/_search.sass +46 -0
  17. data/lib/stylesheets/base_components/chrome/header/_social.sass +30 -0
  18. data/lib/stylesheets/base_components/content_lists/_content_carousel.sass +0 -0
  19. data/lib/stylesheets/base_components/content_lists/_content_stream.sass +297 -0
  20. data/lib/stylesheets/base_components/content_lists/_featured.sass +80 -0
  21. data/lib/stylesheets/base_components/content_lists/_headlines.sass +5 -0
  22. data/lib/stylesheets/base_components/content_lists/_topic_lists.sass +16 -0
  23. data/lib/stylesheets/base_components/content_modules/_carousel.sass +23 -0
  24. data/lib/stylesheets/base_components/content_modules/_chosen.sass +294 -0
  25. data/lib/stylesheets/base_components/content_modules/_colorbox.sass +208 -0
  26. data/lib/stylesheets/base_components/content_modules/_flexslider.sass +93 -0
  27. data/lib/stylesheets/base_components/content_modules/_sticky_menu.sass +40 -0
  28. data/lib/stylesheets/base_utilities/README.md +16 -0
  29. data/lib/stylesheets/base_utilities/_admin.sass +9 -0
  30. data/lib/stylesheets/base_utilities/_animations.sass +47 -0
  31. data/lib/stylesheets/base_utilities/_breakpoints.sass +59 -0
  32. data/lib/stylesheets/base_utilities/_colors.sass +23 -0
  33. data/lib/stylesheets/base_utilities/_eq.sass +260 -0
  34. data/lib/stylesheets/base_utilities/_font_awesome.scss +540 -0
  35. data/lib/stylesheets/base_utilities/_forms.sass +27 -0
  36. data/lib/stylesheets/base_utilities/_header.sass +19 -0
  37. data/lib/stylesheets/base_utilities/_images.sass +79 -0
  38. data/lib/stylesheets/base_utilities/_layout.sass +119 -0
  39. data/lib/stylesheets/base_utilities/_page.sass +48 -0
  40. data/lib/stylesheets/base_utilities/_tooltip.sass +48 -0
  41. data/lib/stylesheets/base_utilities/_typography.sass +113 -0
  42. data/lib/stylesheets/base_utilities/_z-index.scss +15 -0
  43. data/lib/stylesheets/plugins/layouts/_panels_admin.sass +172 -0
  44. data/lib/stylesheets/plugins/layouts/_panels_global.sass +42 -0
  45. data/lib/stylesheets/plugins/layouts/armstrong/armstrong.sass +69 -0
  46. data/lib/stylesheets/plugins/layouts/cooper/cooper.sass +11 -0
  47. data/lib/stylesheets/plugins/layouts/footer/footer.sass +164 -0
  48. data/lib/stylesheets/plugins/layouts/landing_video/landing_video.sass +20 -0
  49. data/lib/stylesheets/plugins/layouts/mustang/mustang.sass +134 -0
  50. data/lib/stylesheets/plugins/layouts/rebel/rebel.sass +17 -0
  51. data/lib/stylesheets/plugins/layouts/sapphire/sapphire.sass +126 -0
  52. data/lib/stylesheets/plugins/layouts/shelby/shelby.sass +101 -0
  53. data/lib/stylesheets/plugins/layouts/viper/viper.sass +72 -0
  54. data/sassblueprint.gemspec +21 -0
  55. metadata +125 -0
data/lib/stylesheets/base_utilities/_eq.sass ADDED
@@ -0,0 +1,260 @@
1
+
2
+
3
+ ////////////////////////////////////////////////
4
+ // __________
5
+ // / ____/ __ \
6
+ // / __/ / / / /
7
+ // / /___/ /_/ /
8
+ // /_____/\___\_\
9
+ // Element Queries
10
+ // http://snugug.com/musings/element-queries
11
+
12
+
13
+ // *** See how to use the Element Query mixins! ***
14
+ // *** http://sassmeister.com/gist/8446194 ***
15
+
16
+ // for when the data-eq is on the same container
17
+ @mixin eq($state)
18
+ &[data-eq-state="#{$state}"]
19
+ @content
20
+
21
+ // for when the data-eq is on a nested container
22
+ @mixin eq-container($state)
23
+ [data-eq-state="#{$state}"]
24
+ @content
25
+
26
+ // for when the data-eq is on a parent container
27
+ @mixin eq-parent($state)
28
+ [data-eq-state="#{$state}"] &
29
+ @content
30
+
31
+
32
+ //data-eq-pts
33
+ //pane: 1
34
+ //pane-xs: 320 $phone-p: 319px
35
+ //pane-sm: 440 $phone-l: 479px
36
+ //pane-md: 600 $tab-p: 639px
37
+ //pane-lg: 720 $tab-l: 769px
38
+ //pane-xl: 840
39
+ //pane-xxl: 960 $desk: 960
40
+
41
+ // Mixins for the panel pane element queries
42
+ @mixin pane-eq-xs-up
43
+ &[data-eq-state="pane-xs"],
44
+ &[data-eq-state="pane-sm"],
45
+ &[data-eq-state="pane-md"],
46
+ &[data-eq-state="pane-lg"],
47
+ &[data-eq-state="pane-xl"]
48
+ @content
49
+ @mixin pane-eq-sm-up
50
+ &[data-eq-state="pane-sm"],
51
+ &[data-eq-state="pane-md"],
52
+ &[data-eq-state="pane-lg"],
53
+ &[data-eq-state="pane-xl"]
54
+ @content
55
+ @mixin pane-eq-md-up
56
+ &[data-eq-state="pane-md"],
57
+ &[data-eq-state="pane-lg"],
58
+ &[data-eq-state="pane-xl"]
59
+ @content
60
+ @mixin pane-eq-lg-up
61
+ &[data-eq-state="pane-lg"],
62
+ &[data-eq-state="pane-xl"]
63
+ @content
64
+ @mixin pane-eq-xl-up
65
+ &[data-eq-state="pane-xl"]
66
+ @content
67
+ .lt-ie9
68
+ @content
69
+
70
+ @mixin pane-eq-xs-down
71
+ &[data-eq-state="pane-xs"]
72
+ @content
73
+ @mixin pane-eq-sm-down
74
+ &[data-eq-state="pane-xs"],
75
+ &[data-eq-state="pane-sm"]
76
+ @content
77
+ @mixin pane-eq-md-down
78
+ &[data-eq-state="pane-xs"],
79
+ &[data-eq-state="pane-sm"],
80
+ &[data-eq-state="pane-md"]
81
+ @content
82
+ @mixin pane-eq-lg-down
83
+ &[data-eq-state="pane-xs"],
84
+ &[data-eq-state="pane-sm"],
85
+ &[data-eq-state="pane-md"],
86
+ &[data-eq-state="pane-lg"]
87
+ @content
88
+ @mixin pane-eq-xl-down
89
+ &[data-eq-state="pane-xs"],
90
+ &[data-eq-state="pane-sm"],
91
+ &[data-eq-state="pane-md"],
92
+ &[data-eq-state="pane-lg"],
93
+ &[data-eq-state="pane-xl"]
94
+ @content
95
+ .lt-ie9
96
+ @content
97
+
98
+
99
+ // Mixins for the panel pane element queries
100
+ @mixin pane-container-eq-xs-up
101
+ [data-eq-state="pane-xs"],
102
+ [data-eq-state="pane-sm"],
103
+ [data-eq-state="pane-md"],
104
+ [data-eq-state="pane-lg"],
105
+ [data-eq-state="pane-xl"],
106
+ [data-eq-state="pane-xxl"]
107
+ @content
108
+ @mixin pane-container-eq-sm-up
109
+ [data-eq-state="pane-sm"],
110
+ [data-eq-state="pane-md"],
111
+ [data-eq-state="pane-lg"],
112
+ [data-eq-state="pane-xl"],
113
+ [data-eq-state="pane-xxl"]
114
+ @content
115
+ @mixin pane-container-eq-md-up
116
+ [data-eq-state="pane-md"],
117
+ [data-eq-state="pane-lg"],
118
+ [data-eq-state="pane-xl"],
119
+ [data-eq-state="pane-xxl"]
120
+ @content
121
+ @mixin pane-container-eq-lg-up
122
+ [data-eq-state="pane-lg"],
123
+ [data-eq-state="pane-xl"],
124
+ [data-eq-state="pane-xxl"]
125
+ @content
126
+ @mixin pane-container-eq-xl-up
127
+ [data-eq-state="pane-xl"],
128
+ [data-eq-state="pane-xxl"]
129
+ @content
130
+ .lt-ie9
131
+ @content
132
+ @mixin pane-container-eq-xxl-up
133
+ [data-eq-state="pane-xxl"]
134
+ @content
135
+ .lt-ie9
136
+ @content
137
+
138
+ @mixin pane-container-eq-xs-down
139
+ [data-eq-state="pane-xs"]
140
+ @content
141
+ @mixin pane-container-eq-sm-down
142
+ [data-eq-state="pane-xs"],
143
+ [data-eq-state="pane-sm"]
144
+ @content
145
+ @mixin pane-container-eq-md-down
146
+ [data-eq-state="pane-xs"],
147
+ [data-eq-state="pane-sm"],
148
+ [data-eq-state="pane-md"]
149
+ @content
150
+ @mixin pane-container-eq-lg-down
151
+ [data-eq-state="pane-xs"],
152
+ [data-eq-state="pane-sm"],
153
+ [data-eq-state="pane-md"],
154
+ [data-eq-state="pane-lg"]
155
+ @content
156
+ @mixin pane-container-eq-xl-down
157
+ [data-eq-state="pane-xs"],
158
+ [data-eq-state="pane-sm"],
159
+ [data-eq-state="pane-md"],
160
+ [data-eq-state="pane-lg"],
161
+ [data-eq-state="pane-xl"]
162
+ @content
163
+ .lt-ie9
164
+ @content
165
+
166
+
167
+
168
+ // Mixins for the panel pane element queries
169
+ @mixin pane-parent-eq-xs-up
170
+ [data-eq-state="pane-xs"] &,
171
+ [data-eq-state="pane-sm"] &,
172
+ [data-eq-state="pane-md"] &,
173
+ [data-eq-state="pane-lg"] &,
174
+ [data-eq-state="pane-xl"] &,
175
+ [data-eq-state="pane-xxl"] &
176
+ @content
177
+ @mixin pane-parent-eq-sm-up
178
+ [data-eq-state="pane-sm"] &,
179
+ [data-eq-state="pane-md"] &,
180
+ [data-eq-state="pane-lg"] &,
181
+ [data-eq-state="pane-xl"] &,
182
+ [data-eq-state="pane-xxl"] &
183
+ @content
184
+ @mixin pane-parent-eq-md-up
185
+ [data-eq-state="pane-md"] &,
186
+ [data-eq-state="pane-lg"] &,
187
+ [data-eq-state="pane-xl"] &,
188
+ [data-eq-state="pane-xxl"] &
189
+ @content
190
+ @mixin pane-parent-eq-lg-up
191
+ [data-eq-state="pane-lg"] &,
192
+ [data-eq-state="pane-xl"] &,
193
+ [data-eq-state="pane-xxl"] &
194
+ @content
195
+ @mixin pane-parent-eq-xl-up
196
+ [data-eq-state="pane-xl"] &,
197
+ [data-eq-state="pane-xxl"] &
198
+ @content
199
+
200
+ @mixin pane-parent-eq-xxl-up
201
+ [data-eq-state="pane-xxl"] &
202
+ @content
203
+ .lt-ie9
204
+ @content
205
+
206
+
207
+ @mixin pane-parent-eq-xs-down
208
+ [data-eq-state="pane-xs"] &
209
+ @content
210
+ @mixin pane-parent-eq-sm-down
211
+ [data-eq-state="pane-xs"] &,
212
+ [data-eq-state="pane-sm"] &
213
+ @content
214
+ @mixin pane-parent-eq-md-down
215
+ [data-eq-state="pane-xs"] &,
216
+ [data-eq-state="pane-sm"] &,
217
+ [data-eq-state="pane-md"] &
218
+ @content
219
+ @mixin pane-parent-eq-lg-down
220
+ [data-eq-state="pane-xs"] &,
221
+ [data-eq-state="pane-sm"] &,
222
+ [data-eq-state="pane-md"] &,
223
+ [data-eq-state="pane-lg"] &
224
+ @content
225
+ @mixin pane-parent-eq-xl-down
226
+ [data-eq-state="pane-xs"] &,
227
+ [data-eq-state="pane-sm"] &,
228
+ [data-eq-state="pane-md"] &,
229
+ [data-eq-state="pane-lg"] &,
230
+ [data-eq-state="pane-xl"] &
231
+ @content
232
+
233
+ @mixin pane-parent-eq-xl-down
234
+ [data-eq-state="pane-xs"] &,
235
+ [data-eq-state="pane-sm"] &,
236
+ [data-eq-state="pane-md"] &,
237
+ [data-eq-state="pane-lg"] &,
238
+ [data-eq-state="pane-xl"] &,
239
+ [data-eq-state="pane-xxl"] &
240
+ @content
241
+ .lt-ie9
242
+ @content
243
+
244
+
245
+
246
+
247
+
248
+ @mixin eq-debug
249
+ +eq("xxs")
250
+ border: solid 1px purple
251
+ +eq("xs")
252
+ border: solid 1px green
253
+ +eq("sm")
254
+ border: solid 1px orange
255
+ +eq("md")
256
+ border: solid 1px red
257
+ +eq("lg")
258
+ border: solid 1px blue
259
+ +eq("xl")
260
+ border: solid 1px pink