brevis 0.1.1 → 0.1.2

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 (59) hide show
  1. checksums.yaml +4 -4
  2. data/lib/brevis.rb +2 -2
  3. data/stylesheets/_brevis.scss +35 -0
  4. data/stylesheets/brevis_components/chrome/header/_branding.scss +34 -0
  5. data/stylesheets/brevis_components/chrome/header/_mobile_toggle.scss +27 -0
  6. data/stylesheets/brevis_components/chrome/header/_primary_menu.scss +79 -0
  7. data/stylesheets/brevis_components/chrome/header/_search.scss +56 -0
  8. data/stylesheets/brevis_components/chrome/header/_social.scss +44 -0
  9. data/stylesheets/brevis_components/content_lists/_content_stream.scss +417 -0
  10. data/stylesheets/brevis_components/content_lists/_featured.scss +105 -0
  11. data/stylesheets/brevis_components/content_lists/_headlines.scss +7 -0
  12. data/stylesheets/brevis_components/content_lists/_topic_lists.scss +19 -0
  13. data/stylesheets/brevis_components/content_modules/_carousel.scss +23 -0
  14. data/stylesheets/brevis_components/content_modules/_chosen.scss +332 -0
  15. data/stylesheets/brevis_components/content_modules/_colorbox.scss +198 -0
  16. data/stylesheets/brevis_components/content_modules/_flexslider.scss +103 -0
  17. data/stylesheets/brevis_components/content_modules/_sticky_menu.scss +50 -0
  18. data/stylesheets/brevis_utilities/_admin.scss +13 -0
  19. data/stylesheets/brevis_utilities/_animations.scss +39 -0
  20. data/stylesheets/brevis_utilities/_breakpoints.scss +60 -0
  21. data/stylesheets/brevis_utilities/_colors.scss +24 -0
  22. data/stylesheets/brevis_utilities/_eq.scss +364 -0
  23. data/stylesheets/brevis_utilities/_forms.scss +34 -0
  24. data/stylesheets/brevis_utilities/_header.scss +19 -0
  25. data/stylesheets/brevis_utilities/_images.scss +147 -0
  26. data/stylesheets/brevis_utilities/_layout.scss +190 -0
  27. data/stylesheets/brevis_utilities/_mediablock.scss +99 -0
  28. data/stylesheets/brevis_utilities/_page.scss +59 -0
  29. data/stylesheets/brevis_utilities/_tooltip.scss +49 -0
  30. data/stylesheets/brevis_utilities/_typography.scss +149 -0
  31. metadata +30 -30
  32. data/stylesheets/_brevis.sass +0 -35
  33. data/stylesheets/brevis_components/chrome/header/_branding.sass +0 -32
  34. data/stylesheets/brevis_components/chrome/header/_mobile_toggle.sass +0 -24
  35. data/stylesheets/brevis_components/chrome/header/_primary_menu.sass +0 -66
  36. data/stylesheets/brevis_components/chrome/header/_search.sass +0 -46
  37. data/stylesheets/brevis_components/chrome/header/_social.sass +0 -30
  38. data/stylesheets/brevis_components/content_lists/_content_carousel.sass +0 -0
  39. data/stylesheets/brevis_components/content_lists/_content_stream.sass +0 -319
  40. data/stylesheets/brevis_components/content_lists/_featured.sass +0 -80
  41. data/stylesheets/brevis_components/content_lists/_headlines.sass +0 -5
  42. data/stylesheets/brevis_components/content_lists/_topic_lists.sass +0 -15
  43. data/stylesheets/brevis_components/content_modules/_carousel.sass +0 -19
  44. data/stylesheets/brevis_components/content_modules/_chosen.sass +0 -294
  45. data/stylesheets/brevis_components/content_modules/_colorbox.sass +0 -208
  46. data/stylesheets/brevis_components/content_modules/_flexslider.sass +0 -92
  47. data/stylesheets/brevis_components/content_modules/_sticky_menu.sass +0 -40
  48. data/stylesheets/brevis_utilities/_admin.sass +0 -9
  49. data/stylesheets/brevis_utilities/_animations.sass +0 -38
  50. data/stylesheets/brevis_utilities/_breakpoints.sass +0 -59
  51. data/stylesheets/brevis_utilities/_colors.sass +0 -23
  52. data/stylesheets/brevis_utilities/_eq.sass +0 -260
  53. data/stylesheets/brevis_utilities/_forms.sass +0 -27
  54. data/stylesheets/brevis_utilities/_header.sass +0 -19
  55. data/stylesheets/brevis_utilities/_images.sass +0 -120
  56. data/stylesheets/brevis_utilities/_layout.sass +0 -119
  57. data/stylesheets/brevis_utilities/_page.sass +0 -48
  58. data/stylesheets/brevis_utilities/_tooltip.sass +0 -48
  59. data/stylesheets/brevis_utilities/_typography.sass +0 -121
@@ -1,80 +0,0 @@
1
- // MOBILE FIRST FEATURED LAYOUTS: http://note.io/1xyZPLu
2
-
3
- %featured-4
4
- .node-featured
5
- float: left
6
- width: 100%
7
-
8
- +breakpoint($phone-l-tab-p)
9
- .node-featured
10
- float: left
11
- width: 49%
12
- .pane-node-field-image
13
- +img-left
14
- max-width: 50%
15
- .views-row-2,
16
- .views-row-4
17
- .node-featured
18
- margin-left: 1%
19
- .views-row-3
20
- .node-featured
21
- clear: left
22
-
23
- +breakpoint($tablet-portrait)
24
- .node-featured
25
- float: left
26
- width: 24%
27
- .views-row-2,
28
- .views-row-3,
29
- .views-row-4
30
- .node-featured
31
- clear: none
32
- margin-left: 1%
33
-
34
-
35
- %featured-3
36
- .node-featured
37
- float: left
38
- width: 100%
39
-
40
- +breakpoint($phone-l-tab-p)
41
- .node-featured
42
- width: 32%
43
- .pane-node-field-image
44
- +img-left
45
- max-width: 50%
46
- .views-row-2,
47
- .views-row-3
48
- .node-featured
49
- margin-left: 1%
50
-
51
-
52
- %featured-1-3
53
- .node-featured .pane-node-field-image
54
- max-width: 100%
55
- width: 100%
56
- +img-no-float
57
- .field--name-field-image
58
- text-align: center
59
- .views-row-1
60
- .node-featured
61
- width: 100%
62
- margin-bottom: 0.5em
63
-
64
- .views-row-2,
65
- .views-row-3,
66
- .views-row-4
67
- .node-featured
68
- width: 32%
69
- float: left
70
- .pane-node-title,
71
- .pane-node-created
72
- display: none
73
-
74
- .views-row-2 .node-featured
75
- margin-left: 0
76
- .views-row-3 .node-featured
77
- margin-left: 2%
78
- clear: none
79
- .views-row-4 .node-featured
80
- margin-left: 2%
@@ -1,5 +0,0 @@
1
- %headline-list
2
- #page &
3
- border-bottom: 1px solid #ccc
4
- padding-bottom: 0.5em
5
- margin-bottom: 0.5em
@@ -1,15 +0,0 @@
1
- // TOPIC LISTS http://note.io/TFMja0
2
-
3
- %topic-list-row
4
- border-bottom: 1px solid #ccc
5
- padding-bottom: 1em
6
- margin-bottom: 1em
7
-
8
- %topic-list-image
9
- +img-left
10
-
11
- %topic-list-title
12
- @extend %list-title
13
-
14
- %topic-list-byline
15
- @extend %small-text
@@ -1,19 +0,0 @@
1
-
2
-
3
- %carousel-layout
4
- @extend %flex-control-nav
5
- .flexslider
6
- *
7
- +box-sizing(content-box)
8
- .flex-viewport
9
- width: 100%
10
- ul.slides
11
- li
12
- padding: 8px 8px 4px 8px
13
- display: block
14
- margin-left: -1px
15
- img
16
- width: 66px
17
- float: left
18
- margin: 0 5px 4px 0
19
-
@@ -1,294 +0,0 @@
1
- %chosen-container
2
- position: relative
3
- display: inline-block
4
- vertical-align: middle
5
- font-size: 13px
6
- zoom: 1
7
- *display: inline
8
- -webkit-user-select: none
9
- -moz-user-select: none
10
- user-select: none
11
-
12
- .chosen-drop
13
- position: absolute
14
- top: 100%
15
- left: -9999px
16
- z-index: 1010
17
- width: 100%
18
- border-top: 0
19
-
20
- &.chosen-with-drop .chosen-drop
21
- left: 0
22
-
23
- a
24
- cursor: pointer
25
-
26
- +breakpoint($hidpi)
27
- .chosen-rtl .chosen-search input[type="text"],
28
- .chosen-container-single .chosen-single abbr,
29
- .chosen-container-single .chosen-single div b,
30
- .chosen-container-single .chosen-search input[type="text"],
31
- .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
32
- .chosen-container .chosen-results-scroll-down span,
33
- .chosen-container .chosen-results-scroll-up span
34
- background-image: url('chosen-sprite@2x.png') !important
35
- background-size: 52px 37px !important
36
- background-repeat: no-repeat !important
37
-
38
-
39
- %chosen-single-chosen
40
- .chosen-single
41
- position: relative
42
- display: block
43
- overflow: hidden
44
- padding: 8px 25px 0 8px
45
- height: $form-element-height
46
- //border-radius: 5px
47
- background: no-repeat 95% 50%
48
- +svg-bg-simple("arrow-down")
49
- background-clip: padding-box
50
- text-decoration: none
51
- white-space: nowrap
52
- font-size: 14px
53
- line-height: 24px
54
- span
55
- display: block
56
- overflow: hidden
57
- margin-right: 26px
58
- text-overflow: ellipsis
59
- white-space: nowrap
60
- abbr
61
- position: absolute
62
- top: 6px
63
- right: 26px
64
- display: block
65
- width: 12px
66
- height: 12px
67
- background: url('chosen-sprite.png') -42px 1px no-repeat
68
- font-size: 1px
69
- abbr:hover
70
- background-position: -42px -10px
71
- div
72
- position: absolute
73
- top: 0
74
- right: 0
75
- display: block
76
- width: 18px
77
- height: 100%
78
- div b
79
- display: block
80
- width: 100%
81
- height: 100%
82
- background: url('chosen-sprite.png') no-repeat 0px 2px
83
-
84
- &.chosen-disabled .chosen-single abbr:hover
85
- background-position: -42px -10px
86
- .chosen-single-with-deselect span
87
- margin-right: 38px
88
-
89
- .chosen-search
90
- position: relative
91
- z-index: 1010
92
- margin: 0
93
- padding: 3px 4px
94
- white-space: nowrap
95
- input[type="text"]
96
- margin: 1px 0
97
- padding: 4px 20px 4px 5px
98
- width: 100%
99
- height: auto
100
- outline: 0
101
- background: white url('chosen-sprite.png') no-repeat 100% -20px
102
- background: url('chosen-sprite.png') no-repeat 100% -20px
103
- font-size: 1em
104
- font-family: sans-serif
105
- line-height: normal
106
- border-radius: 0
107
-
108
- .chosen-drop
109
- margin-top: -1px
110
- border-radius: 0 0 4px 4px
111
- background-clip: padding-box
112
-
113
- &.chosen-container-single-nosearch .chosen-search
114
- position: absolute
115
- left: -9999px
116
-
117
-
118
- %chosen-results
119
- position: relative
120
- overflow-x: hidden
121
- overflow-y: auto
122
- margin: 0 4px 4px 0
123
- padding: 0 0 0 4px
124
- max-height: 240px
125
- -webkit-overflow-scrolling: touch
126
- li
127
- display: none
128
- margin: 0
129
- padding: 5px 6px
130
- list-style: none
131
- line-height: 15px
132
- -webkit-touch-callout: none
133
- &.active-result
134
- display: list-item
135
- cursor: pointer
136
- &.disabled-result
137
- display: list-item
138
- cursor: default
139
- &.no-results
140
- display: list-item
141
- &.group-result
142
- display: list-item
143
- font-weight: bold
144
- cursor: default
145
- &.group-option
146
- padding-left: 15px
147
- em
148
- font-style: normal
149
- text-decoration: underline
150
-
151
-
152
- %chosen-multi-chosen
153
- .chosen-choices
154
- position: relative
155
- overflow: hidden
156
- margin: 0
157
- padding: 0
158
- width: 100%
159
- height: auto !important
160
- height: 1%
161
- border: 1px solid #aaa
162
- cursor: text
163
- li
164
- float: left
165
- list-style: none
166
- li.search-field
167
- margin: 0
168
- padding: 0
169
- white-space: nowrap
170
- li.search-field input[type="text"]
171
- margin: 1px 0
172
- padding: 5px
173
- height: 15px
174
- outline: 0
175
- font-size: 100%
176
- font-family: sans-serif
177
- line-height: normal
178
- border-radius: 0
179
- li.search-choice
180
- position: relative
181
- margin: 3px 0 3px 5px
182
- padding: 3px 20px 3px 5px
183
- background-clip: padding-box
184
- line-height: 13px
185
- cursor: default
186
- li.search-choice .search-choice-close
187
- position: absolute
188
- top: 4px
189
- right: 3px
190
- display: block
191
- width: 12px
192
- height: 12px
193
- background: url('chosen-sprite.png') -42px 1px no-repeat
194
- font-size: 1px
195
- li.search-choice .search-choice-close:hover
196
- background-position: -42px -10px
197
- li.search-choice-focus .search-choice-close
198
- background-position: -42px -10px
199
-
200
- .chosen-results
201
- margin: 0
202
- padding: 0
203
- .chosen-drop .result-selected
204
- display: list-item
205
- cursor: default
206
-
207
-
208
- %chosen-active
209
- &.chosen-with-drop
210
- .chosen-single
211
- border: 1px solid #aaa
212
- -moz-border-radius-bottomright: 0
213
- border-bottom-right-radius: 0
214
- -moz-border-radius-bottomleft: 0
215
- border-bottom-left-radius: 0
216
- div
217
- border-left: none
218
- background: transparent
219
-
220
- div b
221
- background-position: -18px 2px
222
-
223
-
224
- %chosen-disabled-support
225
- .chosen-disabled
226
- opacity: 0.5 !important
227
- cursor: default
228
-
229
- .chosen-disabled .chosen-single
230
- cursor: default
231
-
232
- .chosen-disabled .chosen-choices .search-choice .search-choice-close
233
- cursor: default
234
-
235
-
236
- %chosen-rtl
237
- .chosen-rtl
238
- text-align: right
239
-
240
- .chosen-single
241
- overflow: visible
242
- padding: 0 8px 0 0
243
- span
244
- margin-right: 0
245
- margin-left: 26px
246
- direction: rtl
247
- div
248
- right: auto
249
- left: 3px
250
- abbr
251
- right: auto
252
- left: 26px
253
-
254
- .chosen-single-with-deselect span
255
- margin-left: 38px
256
-
257
- .chosen-choices
258
- li
259
- float: right
260
- li.search-field input[type="text"]
261
- direction: rtl
262
- li.search-choice
263
- margin: 3px 5px 3px 0
264
- padding: 3px 5px 3px 19px
265
- li.search-choice .search-choice-close
266
- right: auto
267
- left: 4px
268
-
269
- &.chosen-container-single-nosearch .chosen-search,
270
- .chosen-drop
271
- left: 9999px
272
-
273
- &.chosen-container-single .chosen-results
274
- margin: 0 0 4px 4px
275
- padding: 0 4px 0 0
276
-
277
- .chosen-results li.group-option
278
- padding-right: 15px
279
- padding-left: 0
280
-
281
- &.chosen-container-active.chosen-with-drop .chosen-single div
282
- border-right: none
283
-
284
- .chosen-search input[type="text"]
285
- padding: 4px 5px 4px 20px
286
- background: white url('chosen-sprite.png') no-repeat -30px -20px
287
- background: url('chosen-sprite.png') no-repeat -30px -20px
288
- direction: rtl
289
-
290
- &.chosen-container-single .chosen-single div b
291
- background-position: 6px 2px
292
-
293
- &.chosen-container-single.chosen-with-drop .chosen-single div b
294
- background-position: -12px 2px
@@ -1,208 +0,0 @@
1
- // Colorbox Core Styles:
2
-
3
- %color-box-core
4
- #colorbox, #cboxOverlay, #cboxWrapper
5
- position: absolute
6
- top: 0
7
- left: 0
8
- z-index: 9999
9
- overflow: hidden
10
-
11
- #cboxOverlay
12
- position: fixed
13
- width: 100%
14
- height: 100%
15
- +opacity(0.9)
16
-
17
- #cboxMiddleLeft, #cboxBottomLeft
18
- clear: left
19
-
20
- #cboxContent
21
- position: relative
22
-
23
- #cboxLoadedContent
24
- overflow: auto
25
- -webkit-overflow-scrolling: touch
26
-
27
- #cboxTitle
28
- margin: 0
29
-
30
- #cboxLoadingOverlay, #cboxLoadingGraphic
31
- position: absolute
32
- top: 0
33
- left: 0
34
- width: 100%
35
- height: 100%
36
-
37
-
38
- // These elements are buttons, and may need to have additional
39
- // styles reset to avoid unwanted base styles.
40
-
41
- #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
42
- border: 0
43
- padding: 0
44
- margin: 0
45
- overflow: visible
46
- width: auto
47
- background: none
48
- cursor: pointer
49
-
50
-
51
- // Avoid outlines on :active (mouseclick),
52
- // but preserve outlines on :focus (tabbed navigating)
53
-
54
- #cboxPrevious:active, #cboxNext:active, #cboxClose:active, #cboxSlideshow:active
55
- outline: 0
56
-
57
- .cboxPhoto
58
- float: left
59
- margin: auto
60
- border: 0
61
- display: block
62
- max-width: none
63
-
64
- .cboxIframe
65
- width: 100%
66
- height: 100%
67
- display: block
68
- border: 0
69
-
70
- // Reset box sizing to content-box if theme is using border-box.
71
-
72
- #colorbox, #cboxContent, #cboxLoadedContent
73
- +box-sizing(content-box)
74
-
75
-
76
-
77
- //// Colorbox module default style:
78
- //// The styles are ordered & tabbed in a way that represents
79
- //// the nesting of the generated HTML.
80
- %colorbox-styles
81
- #cboxOverlay
82
- background: #000
83
-
84
- #colorbox
85
- outline: 0
86
-
87
- #cboxWrapper
88
-
89
- #cboxTopLeft
90
- width: 15px
91
- height: 15px
92
-
93
- #cboxTopCenter
94
- height: 15px
95
-
96
- #cboxTopRight
97
- width: 15px
98
- height: 15px
99
-
100
- #cboxBottomLeft
101
- width: 15px
102
- height: 10px
103
-
104
- #cboxBottomCenter
105
- height: 10px
106
-
107
- #cboxBottomRight
108
- width: 15px
109
- height: 10px
110
-
111
- #cboxMiddleLeft
112
- width: 15px
113
-
114
- #cboxMiddleRight
115
- width: 15px
116
-
117
- #cboxContent
118
- overflow: hidden
119
-
120
- #cboxError
121
- padding: 50px
122
- border: 1px solid #ccc
123
-
124
- #cboxLoadedContent
125
- margin-bottom: 28px
126
-
127
- #cboxTitle
128
- position: absolute
129
- +text-style($size: 14px, $color: white, $lh: 16px)
130
- bottom: 28px
131
- left: 0
132
- color: white
133
- width: 100%
134
- padding: 25px 10px 15px
135
-
136
-
137
- #cboxCurrent
138
- display: none
139
- //position: absolute
140
- //bottom: 4px
141
- //left: 60px
142
- //color: #949494
143
-
144
- .cboxSlideshow_on #cboxSlideshow
145
- position: absolute
146
- bottom: 0px
147
- right: 30px
148
- background: url('images/controls.png') no-repeat -75px -50px
149
- width: 25px
150
- height: 25px
151
- text-indent: -9999px
152
-
153
- .cboxSlideshow_on #cboxSlideshow:hover
154
- background-position: -101px -50px
155
-
156
- .cboxSlideshow_off #cboxSlideshow
157
- position: absolute
158
- bottom: 0px
159
- right: 30px
160
- background: url('images/controls.png') no-repeat -25px -50px
161
- width: 25px
162
- height: 25px
163
- text-indent: -9999px
164
-
165
- .cboxSlideshow_off #cboxSlideshow:hover
166
- background-position: -49px -50px
167
-
168
- #cboxPrevious
169
- position: absolute
170
- bottom: 0
171
- left: 0
172
- background: url('images/controls.png') no-repeat -75px 0px
173
- width: 25px
174
- height: 25px
175
- text-indent: -9999px
176
-
177
- #cboxPrevious:hover
178
- background-position: -75px -25px
179
-
180
- #cboxNext
181
- position: absolute
182
- bottom: 0
183
- left: 27px
184
- background: url('images/controls.png') no-repeat -50px 0px
185
- width: 25px
186
- height: 25px
187
- text-indent: -9999px
188
-
189
- #cboxNext:hover
190
- background-position: -50px -25px
191
-
192
- #cboxLoadingOverlay
193
-
194
- #cboxLoadingGraphic
195
- background: url('images/loading_animation.gif') no-repeat center center
196
-
197
- #cboxClose
198
- position: absolute
199
- bottom: 0
200
- right: 0
201
- background: url('images/controls.png') no-repeat -25px 0px
202
- width: 25px
203
- height: 25px
204
- text-indent: -9999px
205
-
206
- #cboxClose:hover
207
- background-position: -25px -25px
208
-
@@ -1,92 +0,0 @@
1
- %flexslider-reset
2
- +box-shadow(transparent 0 0 0)
3
- +border-radius(0)
4
- background: transparent
5
- margin: 0
6
- border: 0
7
-
8
-
9
- %flexslider
10
- margin: 0
11
- background: #fff
12
- border: 0px solid #fff
13
- +border-radius(0)
14
- +box-shadow(0)
15
- width: 100%
16
- .slides
17
- padding-left: 0em
18
- li
19
- float: left
20
- display: block
21
- width: 100%
22
- .flex-caption
23
- position: absolute
24
- left: 0
25
- right: 0
26
- bottom: 0px
27
- padding: 10px 16px 0 16px
28
-
29
- div[class*="additional-links"]
30
- display: inline-block
31
- float: left
32
- margin-right: 1em
33
- &:after
34
- content: "|"
35
- margin-left: 1em
36
- &:last-child
37
- &:after
38
- content: " "
39
-
40
- %flex-control-nav
41
- position: relative
42
- bottom: 30px
43
- right: 0px
44
- text-align: right
45
- z-index: 3
46
- float: right
47
-
48
-
49
- %flex-direction-nav
50
- .flex-direction-nav
51
- //position: relative
52
- a, .flex-disabled a
53
- margin-top: -20px
54
- line-height: 1
55
- font-size: 0
56
- color: white
57
- +border-radius(3px)
58
- +breakpoint($desktop)
59
- margin-top: -20px
60
- &:before,
61
- &:after
62
- content: ""
63
- width: 32px
64
- height: 40px
65
- background-repeat: no-repeat
66
- background-size: 35%
67
- background-color: #333
68
- background-position: 50%
69
- a.flex-prev
70
- left: 5px
71
- &:before
72
- +svg-bg-simple("arrow-left")
73
-
74
- a.flex-next
75
- right: 5px
76
- &:before
77
- +svg-bg-simple("arrow-right")
78
-
79
-
80
-
81
- %flexslider-buttons
82
- +hide-text
83
- display: block
84
- width: 20px
85
- height: 20px
86
- position: absolute
87
- top: 10px
88
- z-index: map-get($zindex, content)
89
-
90
-
91
-
92
-