edge_framework 0.2.3 → 0.3.0

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 (64) hide show
  1. checksums.yaml +8 -8
  2. data/assets/sass/edge/components/_visibility.scss +2 -2
  3. data/lib/edge/version.rb +1 -1
  4. data/template/base/config.rb +2 -2
  5. metadata +3 -61
  6. data/site/Gemfile +0 -4
  7. data/site/assets/css/app.css +0 -62
  8. data/site/assets/css/edge.css +0 -470
  9. data/site/assets/css/sh/shCoreDefault.css +0 -328
  10. data/site/assets/img/dummy/001.jpg +0 -0
  11. data/site/assets/img/dummy/002.jpg +0 -0
  12. data/site/assets/img/dummy/003.jpg +0 -0
  13. data/site/assets/img/dummy/004.jpg +0 -0
  14. data/site/assets/img/dummy/005.jpg +0 -0
  15. data/site/assets/img/dummy/006.jpg +0 -0
  16. data/site/assets/img/dummy/007.jpg +0 -0
  17. data/site/assets/img/dummy/008.jpg +0 -0
  18. data/site/assets/img/dummy/009.jpg +0 -0
  19. data/site/assets/img/dummy/025.jpg +0 -0
  20. data/site/assets/img/favicon-big.png +0 -0
  21. data/site/assets/img/favicon.png +0 -0
  22. data/site/assets/img/icons/bulbasaur.png +0 -0
  23. data/site/assets/img/icons/charizard.png +0 -0
  24. data/site/assets/img/icons/charmander.png +0 -0
  25. data/site/assets/img/icons/charmeleon.png +0 -0
  26. data/site/assets/img/icons/ivysaur.png +0 -0
  27. data/site/assets/img/icons/squirtle.png +0 -0
  28. data/site/assets/img/icons/venusaur.png +0 -0
  29. data/site/assets/img/icons-se85c66def2.png +0 -0
  30. data/site/assets/img/icons@2x/bulbasaur.png +0 -0
  31. data/site/assets/img/icons@2x/charizard.png +0 -0
  32. data/site/assets/img/icons@2x/charmander.png +0 -0
  33. data/site/assets/img/icons@2x/charmeleon.png +0 -0
  34. data/site/assets/img/icons@2x/ivysaur.png +0 -0
  35. data/site/assets/img/icons@2x/squirtle.png +0 -0
  36. data/site/assets/img/icons@2x/venusaur.png +0 -0
  37. data/site/assets/img/icons@2x-sf605bc03f7.png +0 -0
  38. data/site/assets/img/logo/edge-full.svg +0 -19
  39. data/site/assets/img/logo/edge-logo-transparent.svg +0 -10
  40. data/site/assets/img/logo/edge-logo.svg +0 -19
  41. data/site/assets/js/sh/shBrushCss.js +0 -91
  42. data/site/assets/js/sh/shBrushJScript.js +0 -52
  43. data/site/assets/js/sh/shBrushPhp.js +0 -88
  44. data/site/assets/js/sh/shBrushRuby.js +0 -55
  45. data/site/assets/js/sh/shBrushSass.js +0 -94
  46. data/site/assets/js/sh/shCore.js +0 -17
  47. data/site/assets/js/vendor/custom.modernizr.js +0 -4
  48. data/site/assets/js/vendor/handlebars.js +0 -2239
  49. data/site/assets/js/vendor/jquery.js +0 -6
  50. data/site/assets/sass/_setting.scss +0 -79
  51. data/site/assets/sass/app.scss +0 -241
  52. data/site/assets/sass/edge.scss +0 -3
  53. data/site/config.rb +0 -23
  54. data/site/config.ru +0 -12
  55. data/site/start.rb +0 -20
  56. data/site/views/docs/block_grid.erb +0 -36
  57. data/site/views/docs/grid.erb +0 -122
  58. data/site/views/form.html +0 -114
  59. data/site/views/index.erb +0 -58
  60. data/site/views/layout.erb +0 -93
  61. data/site/views/partials/_logo.erb +0 -5
  62. data/site/views/partials/_logo_full.erb +0 -14
  63. data/site/views/partials/_sidebar.erb +0 -4
  64. /data/{site/assets/js/app.js → template/base/assets/fonts/.keep} +0 -0
@@ -1,470 +0,0 @@
1
- /* ---------------------------------------------------------------
2
- - EDGE FRAMEWORK - edge.setyono.net
3
- - v0.1.0 (Abaddon)
4
- - Special Thanks:
5
- --- Foundation | foundation.zurb.com
6
- --- Bootstrap | getbootstrap.com
7
- --- Normalize | git.io/normalize
8
- --- HTML5 Boilerplate | html5boilerplate.com
9
- ------------------------------------------------------------------- */
10
- /* ---------------------------
11
- Normalize | git.io/normalize
12
- ------------------------------ */
13
- article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
14
-
15
- audio, canvas, video { display: inline-block; }
16
-
17
- audio:not([controls]) { display: none; height: 0; }
18
-
19
- [hidden] { display: none; }
20
-
21
- html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
22
-
23
- body { margin: 0; }
24
-
25
- a:focus { outline: thin dotted; }
26
-
27
- a:active, a:hover { outline: 0; }
28
-
29
- h1 { font-size: 2em; margin: 0.67em 0; }
30
-
31
- abbr[title] { border-bottom: 1px dotted; }
32
-
33
- b, strong { font-weight: bold; }
34
-
35
- dfn { font-style: italic; }
36
-
37
- hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
38
-
39
- mark { background: #ff0; color: #000; }
40
-
41
- code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
42
-
43
- pre { white-space: pre-wrap; }
44
-
45
- q { quotes: "\201C" "\201D" "\2018" "\2019"; }
46
-
47
- small { font-size: 80%; }
48
-
49
- sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
50
-
51
- sup { top: -0.5em; }
52
-
53
- sub { bottom: -0.25em; }
54
-
55
- img { border: 0; }
56
-
57
- svg:not(:root) { overflow: hidden; }
58
-
59
- figure { margin: 0; }
60
-
61
- fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
62
-
63
- legend { border: 0; padding: 0; }
64
-
65
- button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
66
-
67
- button, input { line-height: normal; }
68
-
69
- button, select { text-transform: none; }
70
-
71
- button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
72
-
73
- button[disabled], html input[disabled] { cursor: default; }
74
-
75
- input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
76
-
77
- input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
78
-
79
- input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
80
-
81
- button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
82
-
83
- textarea { overflow: auto; vertical-align: top; }
84
-
85
- table { border-collapse: collapse; border-spacing: 0; }
86
-
87
- /* ------------------
88
- EDGE Boilerplate
89
- --------------------- */
90
- * { margin: 0; padding: 0; }
91
-
92
- *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
93
-
94
- html, body { font-size: 16px; }
95
-
96
- body { position: relative; background: #e4e3d5; color: #222222; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; }
97
-
98
- h1, h2, h3, h4, h5, h6 { font-family: "Bitter", "Helvetica", Helvetica, Arial, sans-serif; }
99
-
100
- p { line-height: 1.5; margin-top: 0; margin-bottom: 0; }
101
-
102
- a { display: inline-block; cursor: pointer; text-decoration: none; }
103
-
104
- ul, ol { list-style: none; }
105
-
106
- hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; }
107
-
108
- a:focus { outline: none; }
109
-
110
- h1, h2, h3, h4, h5, h6 { margin: 0; }
111
-
112
- fieldset { border: 0; margin: 0; padding: 0; }
113
-
114
- img, object, embed { max-width: 100%; height: auto; }
115
-
116
- object, embed { height: 100%; }
117
-
118
- #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }
119
-
120
- textarea { resize: vertical; height: auto; min-height: 50px; }
121
-
122
- select { width: 100%; }
123
-
124
- img { display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; }
125
-
126
- body { -webkit-animation: bugfix infinite 1s; }
127
-
128
- @-webkit-keyframes bugfix { from { padding: 0; }
129
- to { padding: 0; } }
130
-
131
- /* Miscellaneous useful HTML classes */
132
- .left { float: left !important; }
133
-
134
- .right { float: right !important; }
135
-
136
- .text-left { text-align: left !important; }
137
-
138
- .text-right { text-align: right !important; }
139
-
140
- .text-center { text-align: center !important; }
141
-
142
- .text-justify { text-align: justify !important; }
143
-
144
- .hide { display: none !important; visibility: hidden !important; }
145
-
146
- .visual-hide { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }
147
-
148
- .bold, b, strong { font-weight: 700 !important; }
149
-
150
- .italic, em { font-style: italic !important; }
151
-
152
- ul.inline, ol.inline { list-style-type: none; }
153
- ul.inline li, ol.inline li { display: inline-block; }
154
-
155
- .antialiased { -webkit-font-smoothing: antialiased; }
156
-
157
- /* ---------------
158
- EDGE Button
159
- --------------- */
160
- button, .button, input[type="button"], input[type="submit"], input[type="reset"] { position: relative; cursor: pointer; padding: 0.625em 1.25em; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; background: #0099cc; color: white; border: 1px solid #007399; }
161
- button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { -webkit-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); }
162
- button:active, .button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { border: 1px solid #004d66; font-size: 90%; -webkit-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); }
163
-
164
- /* ---------------
165
- EDGE Typography
166
- --------------- */
167
- h1 { font-size: 2.75em; }
168
-
169
- h2 { font-size: 2.3125em; }
170
-
171
- h3 { font-size: 1.6875em; }
172
-
173
- h4 { font-size: 1.4375em; }
174
-
175
- h5 { font-size: 1.125em; }
176
-
177
- h6 { font-size: 1em; }
178
-
179
- code { display: inline-block; }
180
- code, code pre { font-family: "Source Code Pro", "Consolas", "monospace"; }
181
-
182
- input::-ms-clear { display: none; }
183
-
184
- input::-webkit-calendar-picker-indicator { display: none; }
185
-
186
- input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; }
187
-
188
- /* ---------------
189
- EDGE Grid
190
- --------------- */
191
- body.not-responsive { min-width: 71.25em; }
192
- body.only-responsive-below-small { min-width: 71.25em; }
193
- @media only screen and (max-width: 767px) { body.only-responsive-below-small { min-width: 0; } }
194
-
195
- .row { zoom: 1; width: 100%; max-width: 71.25em; margin: 0 auto; }
196
- .row:before, .row:after { content: " "; display: table; }
197
- .row:after { clear: both; }
198
- .row .column, .row .columns { position: relative; margin-right: 2.19298%; float: left; }
199
- .row .column:last-child, .row .columns:last-child { margin-right: 0; }
200
- .row .column.last, .row .columns.last { margin-right: 0 !important; }
201
- .row .large-1 { width: 6.3231%; }
202
- .row .large-2 { width: 14.83918%; }
203
- .row .large-3 { width: 23.35526%; }
204
- .row .large-4 { width: 31.87135%; }
205
- .row .large-5 { width: 40.38743%; }
206
- .row .large-6 { width: 48.90351%; }
207
- .row .large-7 { width: 57.41959%; }
208
- .row .large-8 { width: 65.93567%; }
209
- .row .large-9 { width: 74.45175%; }
210
- .row .large-10 { width: 82.96784%; }
211
- .row .large-11 { width: 91.48392%; }
212
- .row .large-12 { width: 100%; }
213
- .row.collapse .column, .row.collapse .columns { padding-left: 0; padding-right: 0; margin-right: 0; float: left; }
214
- .row.collapse .row { width: auto; max-width: none; margin: 0; }
215
- .row.collapse .row .column, .row.collapse .row .columns { position: relative; margin-right: 2.19298%; margin-right: 0; float: left; }
216
- .row.collapse .row .column:last-child, .row.collapse .row .columns:last-child { margin-right: 0; }
217
- .row.collapse .large-1 { width: 8.33333%; }
218
- .row.collapse .large-2 { width: 16.66667%; }
219
- .row.collapse .large-3 { width: 25%; }
220
- .row.collapse .large-4 { width: 33.33333%; }
221
- .row.collapse .large-5 { width: 41.66667%; }
222
- .row.collapse .large-6 { width: 50%; }
223
- .row.collapse .large-7 { width: 58.33333%; }
224
- .row.collapse .large-8 { width: 66.66667%; }
225
- .row.collapse .large-9 { width: 75%; }
226
- .row.collapse .large-10 { width: 83.33333%; }
227
- .row.collapse .large-11 { width: 91.66667%; }
228
- .row.collapse .large-12 { width: 100%; }
229
- .row .row { width: auto; max-width: none; margin-left: 0; margin-right: 0; }
230
- .row .large-offset-1 { margin-left: 8.33333%; }
231
- .row .large-offset-2 { margin-left: 16.66667%; }
232
- .row .large-offset-3 { margin-left: 25%; }
233
- .row .large-offset-4 { margin-left: 33.33333%; }
234
- .row .large-offset-5 { margin-left: 41.66667%; }
235
- .row .large-offset-6 { margin-left: 50%; }
236
- .row .large-offset-7 { margin-left: 58.33333%; }
237
- .row .large-offset-8 { margin-left: 66.66667%; }
238
- .row .large-offset-9 { margin-left: 75%; }
239
- .row .large-offset-10 { margin-left: 83.33333%; }
240
-
241
- .column.large-centered, .columns.large-centered { margin-left: auto !important; margin-right: auto !important; float: none !important; }
242
-
243
- .row .push-2 { left: 17.03216%; right: auto; }
244
- .row .pull-2 { right: 17.03216%; left: auto; }
245
- .row.collapse .push-2 { margin-right: 0; left: 16.66667%; right: auto; }
246
- .row.collapse .pull-2 { margin-right: 0; right: 16.66667%; left: auto; }
247
-
248
- .row .push-3 { left: 25.54825%; right: auto; }
249
- .row .pull-3 { right: 25.54825%; left: auto; }
250
- .row.collapse .push-3 { margin-right: 0; left: 25%; right: auto; }
251
- .row.collapse .pull-3 { margin-right: 0; right: 25%; left: auto; }
252
-
253
- .row .push-4 { left: 34.06433%; right: auto; }
254
- .row .pull-4 { right: 34.06433%; left: auto; }
255
- .row.collapse .push-4 { margin-right: 0; left: 33.33333%; right: auto; }
256
- .row.collapse .pull-4 { margin-right: 0; right: 33.33333%; left: auto; }
257
-
258
- .row .push-5 { left: 42.58041%; right: auto; }
259
- .row .pull-5 { right: 42.58041%; left: auto; }
260
- .row.collapse .push-5 { margin-right: 0; left: 41.66667%; right: auto; }
261
- .row.collapse .pull-5 { margin-right: 0; right: 41.66667%; left: auto; }
262
-
263
- .row .push-6 { left: 51.09649%; right: auto; }
264
- .row .pull-6 { right: 51.09649%; left: auto; }
265
- .row.collapse .push-6 { margin-right: 0; left: 50%; right: auto; }
266
- .row.collapse .pull-6 { margin-right: 0; right: 50%; left: auto; }
267
-
268
- .row .push-7 { left: 59.61257%; right: auto; }
269
- .row .pull-7 { right: 59.61257%; left: auto; }
270
- .row.collapse .push-7 { margin-right: 0; left: 58.33333%; right: auto; }
271
- .row.collapse .pull-7 { margin-right: 0; right: 58.33333%; left: auto; }
272
-
273
- .row .push-8 { left: 68.12865%; right: auto; }
274
- .row .pull-8 { right: 68.12865%; left: auto; }
275
- .row.collapse .push-8 { margin-right: 0; left: 66.66667%; right: auto; }
276
- .row.collapse .pull-8 { margin-right: 0; right: 66.66667%; left: auto; }
277
-
278
- .row .push-9 { left: 76.64474%; right: auto; }
279
- .row .pull-9 { right: 76.64474%; left: auto; }
280
- .row.collapse .push-9 { margin-right: 0; left: 75%; right: auto; }
281
- .row.collapse .pull-9 { margin-right: 0; right: 75%; left: auto; }
282
-
283
- .row .push-10 { left: 85.16082%; right: auto; }
284
- .row .pull-10 { right: 85.16082%; left: auto; }
285
- .row.collapse .push-10 { margin-right: 0; left: 83.33333%; right: auto; }
286
- .row.collapse .pull-10 { margin-right: 0; right: 83.33333%; left: auto; }
287
-
288
- @media only screen and (min-width: 767px) { .small-push-2 { left: inherit; }
289
- .small-pull-2 { right: inherit; }
290
- .small-push-3 { left: inherit; }
291
- .small-pull-3 { right: inherit; }
292
- .small-push-4 { left: inherit; }
293
- .small-pull-4 { right: inherit; }
294
- .small-push-5 { left: inherit; }
295
- .small-pull-5 { right: inherit; }
296
- .small-push-6 { left: inherit; }
297
- .small-pull-6 { right: inherit; }
298
- .small-push-7 { left: inherit; }
299
- .small-pull-7 { right: inherit; }
300
- .small-push-8 { left: inherit; }
301
- .small-pull-8 { right: inherit; }
302
- .small-push-9 { left: inherit; }
303
- .small-pull-9 { right: inherit; }
304
- .small-push-10 { left: inherit; }
305
- .small-pull-10 { right: inherit; } }
306
- @media only screen and (max-width: 767px) { .row .column, .row .columns, .row.collapse .column, .row.collapse .columns { width: 100%; float: left; }
307
- .row .column[class*="push"], .row .column[class*="pull"], .row .columns[class*="push"], .row .columns[class*="pull"], .row.collapse .column[class*="push"], .row.collapse .column[class*="pull"], .row.collapse .columns[class*="push"], .row.collapse .columns[class*="pull"] { left: auto; right: auto; }
308
- .row [class*="large-offset"] { margin-left: 0; }
309
- .row .small-1 { width: 6.3231%; }
310
- .row .small-2 { width: 14.83918%; }
311
- .row .small-3 { width: 23.35526%; }
312
- .row .small-4 { width: 31.87135%; }
313
- .row .small-5 { width: 40.38743%; }
314
- .row .small-6 { width: 48.90351%; }
315
- .row .small-7 { width: 57.41959%; }
316
- .row .small-8 { width: 65.93567%; }
317
- .row .small-9 { width: 74.45175%; }
318
- .row .small-10 { width: 82.96784%; }
319
- .row .small-11 { width: 91.48392%; }
320
- .row .small-12 { width: 100%; }
321
- .row .small-offset-1, .row.collapse .small-offset-1 { margin-left: 8.33333%; }
322
- .row .small-offset-2, .row.collapse .small-offset-2 { margin-left: 16.66667%; }
323
- .row .small-offset-3, .row.collapse .small-offset-3 { margin-left: 25%; }
324
- .row .small-offset-4, .row.collapse .small-offset-4 { margin-left: 33.33333%; }
325
- .row .small-offset-5, .row.collapse .small-offset-5 { margin-left: 41.66667%; }
326
- .row .small-offset-6, .row.collapse .small-offset-6 { margin-left: 50%; }
327
- .row .small-offset-7, .row.collapse .small-offset-7 { margin-left: 58.33333%; }
328
- .row .small-offset-8, .row.collapse .small-offset-8 { margin-left: 66.66667%; }
329
- .row .small-offset-9, .row.collapse .small-offset-9 { margin-left: 75%; }
330
- .row .small-offset-10, .row.collapse .small-offset-10 { margin-left: 83.33333%; }
331
- .column.small-centered, .columns.small-centered { margin-left: auto !important; margin-right: auto !important; float: none !important; } }
332
- /* ---------------
333
- EDGE Block Grid
334
- --------------- */
335
- [class*="block-grid-"] { display: block; padding: 0; zoom: 1; }
336
- [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }
337
- [class*="block-grid-"]:after { clear: both; }
338
- [class*="block-grid-"] > li { display: block; height: auto; float: left; margin-right: 2.19298%; }
339
-
340
- .large-block-grid-2 > li { width: 48.90351%; }
341
- .large-block-grid-2 > li:nth-of-type(2n) { margin-right: 0; }
342
- .large-block-grid-2.collapse > li { width: 50%; }
343
-
344
- .large-block-grid-3 > li { width: 31.87135%; }
345
- .large-block-grid-3 > li:nth-of-type(3n) { margin-right: 0; }
346
- .large-block-grid-3.collapse > li { width: 33.33333%; }
347
-
348
- .large-block-grid-4 > li { width: 23.35526%; }
349
- .large-block-grid-4 > li:nth-of-type(4n) { margin-right: 0; }
350
- .large-block-grid-4.collapse > li { width: 25%; }
351
-
352
- .large-block-grid-5 > li { width: 18.24561%; }
353
- .large-block-grid-5 > li:nth-of-type(5n) { margin-right: 0; }
354
- .large-block-grid-5.collapse > li { width: 20%; }
355
-
356
- .large-block-grid-6 > li { width: 14.83918%; }
357
- .large-block-grid-6 > li:nth-of-type(6n) { margin-right: 0; }
358
- .large-block-grid-6.collapse > li { width: 16.66667%; }
359
-
360
- .large-block-grid-7 > li { width: 12.40602%; }
361
- .large-block-grid-7 > li:nth-of-type(7n) { margin-right: 0; }
362
- .large-block-grid-7.collapse > li { width: 14.28571%; }
363
-
364
- .large-block-grid-8 > li { width: 10.58114%; }
365
- .large-block-grid-8 > li:nth-of-type(8n) { margin-right: 0; }
366
- .large-block-grid-8.collapse > li { width: 12.5%; }
367
-
368
- .large-block-grid-9 > li { width: 9.16179%; }
369
- .large-block-grid-9 > li:nth-of-type(9n) { margin-right: 0; }
370
- .large-block-grid-9.collapse > li { width: 11.11111%; }
371
-
372
- .large-block-grid-10 > li { width: 8.02632%; }
373
- .large-block-grid-10 > li:nth-of-type(10n) { margin-right: 0; }
374
- .large-block-grid-10.collapse > li { width: 10%; }
375
-
376
- .large-block-grid-11 > li { width: 7.09729%; }
377
- .large-block-grid-11 > li:nth-of-type(11n) { margin-right: 0; }
378
- .large-block-grid-11.collapse > li { width: 9.09091%; }
379
-
380
- .large-block-grid-12 > li { width: 6.3231%; }
381
- .large-block-grid-12 > li:nth-of-type(12n) { margin-right: 0; }
382
- .large-block-grid-12.collapse > li { width: 8.33333%; }
383
-
384
- @media only screen and (max-width: 767px) { [class*="small-block-grid-"] > li { clear: none !important; }
385
- [class*="large-block-grid-"] > li { width: 100%; }
386
- [class*="large-block-grid-"] > li:nth-child(n+1) { margin-right: 2.19298%; }
387
- .small-block-grid-2 > li { width: 48.90351%; }
388
- .small-block-grid-2 > li:nth-of-type(2n) { margin-right: 0; }
389
- .small-block-grid-2.collapse > li { width: 50%; }
390
- .small-block-grid-3 > li { width: 31.87135%; }
391
- .small-block-grid-3 > li:nth-of-type(3n) { margin-right: 0; }
392
- .small-block-grid-3.collapse > li { width: 33.33333%; }
393
- .small-block-grid-4 > li { width: 23.35526%; }
394
- .small-block-grid-4 > li:nth-of-type(4n) { margin-right: 0; }
395
- .small-block-grid-4.collapse > li { width: 25%; }
396
- .small-block-grid-5 > li { width: 18.24561%; }
397
- .small-block-grid-5 > li:nth-of-type(5n) { margin-right: 0; }
398
- .small-block-grid-5.collapse > li { width: 20%; }
399
- .small-block-grid-6 > li { width: 14.83918%; }
400
- .small-block-grid-6 > li:nth-of-type(6n) { margin-right: 0; }
401
- .small-block-grid-6.collapse > li { width: 16.66667%; }
402
- .small-block-grid-7 > li { width: 12.40602%; }
403
- .small-block-grid-7 > li:nth-of-type(7n) { margin-right: 0; }
404
- .small-block-grid-7.collapse > li { width: 14.28571%; }
405
- .small-block-grid-8 > li { width: 10.58114%; }
406
- .small-block-grid-8 > li:nth-of-type(8n) { margin-right: 0; }
407
- .small-block-grid-8.collapse > li { width: 12.5%; }
408
- .small-block-grid-9 > li { width: 9.16179%; }
409
- .small-block-grid-9 > li:nth-of-type(9n) { margin-right: 0; }
410
- .small-block-grid-9.collapse > li { width: 11.11111%; }
411
- .small-block-grid-10 > li { width: 8.02632%; }
412
- .small-block-grid-10 > li:nth-of-type(10n) { margin-right: 0; }
413
- .small-block-grid-10.collapse > li { width: 10%; }
414
- .small-block-grid-11 > li { width: 7.09729%; }
415
- .small-block-grid-11 > li:nth-of-type(11n) { margin-right: 0; }
416
- .small-block-grid-11.collapse > li { width: 9.09091%; }
417
- .small-block-grid-12 > li { width: 6.3231%; }
418
- .small-block-grid-12 > li:nth-of-type(12n) { margin-right: 0; }
419
- .small-block-grid-12.collapse > li { width: 8.33333%; } }
420
- [class*="block-grid-"].collapse { display: block; padding: 0; zoom: 1; }
421
- [class*="block-grid-"].collapse:before, [class*="block-grid-"].collapse:after { content: " "; display: table; }
422
- [class*="block-grid-"].collapse:after { clear: both; }
423
- [class*="block-grid-"].collapse > li { display: block; height: auto; float: left; margin-right: 0; }
424
-
425
- /* ---------------
426
- EDGE Visibility
427
- --------------- */
428
- /* Above small breakpoint (>$small-screen) */
429
- .show-for-small, .hide-for-large { display: none !important; }
430
-
431
- .show-for-large, .hide-for-small { display: inherit !important; }
432
-
433
- table.show-for-large, table.hide-for-small { display: table !important; }
434
-
435
- thead.show-for-large, thead.hide-for-small { display: table-header-group !important; }
436
-
437
- tbody.show-for-large, tbody.hide-for-small { display: table-row-group !important; }
438
-
439
- tr.show-for-large, tr.hide-for-small { display: table-row !important; }
440
-
441
- td.show-for-large, td.hide-for-small, th.show-for-large, th.hide-for-small { display: table-cell !important; }
442
-
443
- span.show-for-large, span.hide-for-small, b.show-for-large, b.hide-for-small, em.show-for-large, em.hide-for-small, strong.show-for-large, strong.hide-for-small, .bold.show-for-large, .bold.hide-for-small, .italic.show-for-large, .italic.hide-for-small, code.show-for-large, code.hide-for-small { display: inline-block !important; }
444
-
445
- /* Below small breakpoint (<=$small-screen) */
446
- @media only screen and (max-width: 767px) { .show-for-large, .hide-for-small { display: none !important; }
447
- .show-for-small, .hide-for-large { display: inherit !important; }
448
- table.show-for-small, table.hide-for-large { display: table !important; }
449
- thead.show-for-small, thead.hide-for-large { display: table-header-group !important; }
450
- tbody.show-for-small, tbody.hide-for-large { display: table-row-group !important; }
451
- tr.show-for-small, tr.hide-for-large { display: table-row !important; }
452
- td.show-for-small, td.hide-for-large, th.show-for-small, th.hide-for-large { display: table-cell !important; }
453
- span.show-for-small, span.hide-for-large, b.show-for-small, b.hide-for-large, em.show-for-small, em.hide-for-large, strong.show-for-small, strong.hide-for-large, .bold.show-for-small, .bold.hide-for-large, .italic.show-for-small, .italic.hide-for-large, code.show-for-small, code.hide-for-large { display: inline-block !important; } }
454
- /* ------------------------------
455
- H5BP PRINT
456
- - Style for printing the website
457
- --------------------------------- */
458
- @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
459
- a, a:visited { text-decoration: underline; }
460
- a[href]:after { content: " (" attr(href) ")"; }
461
- abbr[title]:after { content: " (" attr(title) ")"; }
462
- /* Don't show links for images, or javascript/internal links */
463
- .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
464
- pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
465
- thead { display: table-header-group; /* h5bp.com/t */ }
466
- tr, img { page-break-inside: avoid; }
467
- img { max-width: 100% !important; }
468
- @page { margin: 0.5cm; }
469
- p, h2, h3 { orphans: 3; widows: 3; }
470
- h2, h3 { page-break-after: avoid; } }