spectre_scss 0.3.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (74) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +13 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +5 -0
  5. data/Gemfile +6 -0
  6. data/LICENSE.txt +21 -0
  7. data/README.md +48 -0
  8. data/Rakefile +34 -0
  9. data/bin/console +7 -0
  10. data/bin/setup +6 -0
  11. data/lib/spectre_scss.rb +5 -0
  12. data/lib/spectre_scss/engine.rb +4 -0
  13. data/lib/spectre_scss/version.rb +3 -0
  14. data/spectre_scss.gemspec +26 -0
  15. data/vendor/assets/stylesheets/spectre.scss +1 -0
  16. data/vendor/assets/stylesheets/spectre/spectre-exp.scss +16 -0
  17. data/vendor/assets/stylesheets/spectre/spectre-icons.scss +8 -0
  18. data/vendor/assets/stylesheets/spectre/spectre.scss +50 -0
  19. data/vendor/assets/stylesheets/spectre/src/_accordions.scss +34 -0
  20. data/vendor/assets/stylesheets/spectre/src/_animations.scss +20 -0
  21. data/vendor/assets/stylesheets/spectre/src/_asian.scss +33 -0
  22. data/vendor/assets/stylesheets/spectre/src/_autocomplete.scss +41 -0
  23. data/vendor/assets/stylesheets/spectre/src/_avatars.scss +77 -0
  24. data/vendor/assets/stylesheets/spectre/src/_badges.scss +70 -0
  25. data/vendor/assets/stylesheets/spectre/src/_bars.scss +71 -0
  26. data/vendor/assets/stylesheets/spectre/src/_base.scss +40 -0
  27. data/vendor/assets/stylesheets/spectre/src/_breadcrumbs.scss +29 -0
  28. data/vendor/assets/stylesheets/spectre/src/_buttons.scss +182 -0
  29. data/vendor/assets/stylesheets/spectre/src/_calendars.scss +206 -0
  30. data/vendor/assets/stylesheets/spectre/src/_cards.scss +39 -0
  31. data/vendor/assets/stylesheets/spectre/src/_carousels.scss +124 -0
  32. data/vendor/assets/stylesheets/spectre/src/_chips.scss +24 -0
  33. data/vendor/assets/stylesheets/spectre/src/_codes.scss +32 -0
  34. data/vendor/assets/stylesheets/spectre/src/_comparison-sliders.scss +114 -0
  35. data/vendor/assets/stylesheets/spectre/src/_dropdowns.scss +36 -0
  36. data/vendor/assets/stylesheets/spectre/src/_empty.scss +21 -0
  37. data/vendor/assets/stylesheets/spectre/src/_filters.scss +29 -0
  38. data/vendor/assets/stylesheets/spectre/src/_forms.scss +514 -0
  39. data/vendor/assets/stylesheets/spectre/src/_icons.scss +656 -0
  40. data/vendor/assets/stylesheets/spectre/src/_labels.scss +33 -0
  41. data/vendor/assets/stylesheets/spectre/src/_layout.scss +422 -0
  42. data/vendor/assets/stylesheets/spectre/src/_media.scss +70 -0
  43. data/vendor/assets/stylesheets/spectre/src/_menus.scss +56 -0
  44. data/vendor/assets/stylesheets/spectre/src/_meters.scss +57 -0
  45. data/vendor/assets/stylesheets/spectre/src/_mixins.scss +185 -0
  46. data/vendor/assets/stylesheets/spectre/src/_modals.scss +73 -0
  47. data/vendor/assets/stylesheets/spectre/src/_navbar.scss +29 -0
  48. data/vendor/assets/stylesheets/spectre/src/_navigation.scss +13 -0
  49. data/vendor/assets/stylesheets/spectre/src/_navs.scss +34 -0
  50. data/vendor/assets/stylesheets/spectre/src/_normalize.scss +437 -0
  51. data/vendor/assets/stylesheets/spectre/src/_pagination.scss +61 -0
  52. data/vendor/assets/stylesheets/spectre/src/_panels.scss +23 -0
  53. data/vendor/assets/stylesheets/spectre/src/_parallax.scss +131 -0
  54. data/vendor/assets/stylesheets/spectre/src/_popovers.scss +70 -0
  55. data/vendor/assets/stylesheets/spectre/src/_progress.scss +45 -0
  56. data/vendor/assets/stylesheets/spectre/src/_sliders.scss +93 -0
  57. data/vendor/assets/stylesheets/spectre/src/_steps.scss +70 -0
  58. data/vendor/assets/stylesheets/spectre/src/_tables.scss +45 -0
  59. data/vendor/assets/stylesheets/spectre/src/_tabs.scss +62 -0
  60. data/vendor/assets/stylesheets/spectre/src/_tiles.scss +38 -0
  61. data/vendor/assets/stylesheets/spectre/src/_timelines.scss +55 -0
  62. data/vendor/assets/stylesheets/spectre/src/_toasts.scss +41 -0
  63. data/vendor/assets/stylesheets/spectre/src/_tooltips.scss +77 -0
  64. data/vendor/assets/stylesheets/spectre/src/_typography.scss +127 -0
  65. data/vendor/assets/stylesheets/spectre/src/_utilities.scss +7 -0
  66. data/vendor/assets/stylesheets/spectre/src/_variables.scss +105 -0
  67. data/vendor/assets/stylesheets/spectre/src/utilities/_colors.scss +45 -0
  68. data/vendor/assets/stylesheets/spectre/src/utilities/_display.scss +47 -0
  69. data/vendor/assets/stylesheets/spectre/src/utilities/_divider.scss +50 -0
  70. data/vendor/assets/stylesheets/spectre/src/utilities/_loading.scss +34 -0
  71. data/vendor/assets/stylesheets/spectre/src/utilities/_position.scss +35 -0
  72. data/vendor/assets/stylesheets/spectre/src/utilities/_shapes.scss +7 -0
  73. data/vendor/assets/stylesheets/spectre/src/utilities/_text.scss +52 -0
  74. metadata +157 -0
@@ -0,0 +1,13 @@
1
+ // Navigation
2
+ .breadcrumb,
3
+ .tab,
4
+ .pagination,
5
+ .nav {
6
+ list-style: none;
7
+ margin: $unit-1 0;
8
+ }
9
+
10
+ @import 'breadcrumbs.scss';
11
+ @import 'tabs.scss';
12
+ @import 'pagination.scss';
13
+ @import 'navs.scss';
@@ -0,0 +1,34 @@
1
+ // Navs
2
+ .nav {
3
+ display: flex;
4
+ flex-direction: column;
5
+ list-style: none;
6
+ margin: $unit-1 0;
7
+
8
+ .nav-item {
9
+ a {
10
+ color: $gray-color-dark;
11
+ padding: $unit-1 $unit-2;
12
+ text-decoration: none;
13
+ &:focus,
14
+ &:hover {
15
+ color: $primary-color;
16
+ }
17
+ }
18
+ &.active {
19
+ & > a {
20
+ color: darken($gray-color-dark, 10%);
21
+ font-weight: bold;
22
+ &:focus,
23
+ &:hover {
24
+ color: $primary-color;
25
+ }
26
+ }
27
+ }
28
+ }
29
+
30
+ & .nav {
31
+ margin-bottom: $unit-2;
32
+ margin-left: $unit-4;
33
+ }
34
+ }
@@ -0,0 +1,437 @@
1
+ /* Manually forked from Normalize.css */
2
+ /* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
3
+
4
+ /**
5
+ * 1. Change the default font family in all browsers (opinionated).
6
+ * 2. Correct the line height in all browsers.
7
+ * 3. Prevent adjustments of font size after orientation changes in
8
+ * IE on Windows Phone and in iOS.
9
+ */
10
+
11
+ /* Document
12
+ ========================================================================== */
13
+
14
+ html {
15
+ font-family: sans-serif; /* 1 */
16
+ -ms-text-size-adjust: 100%; /* 3 */
17
+ -webkit-text-size-adjust: 100%; /* 3 */
18
+ }
19
+
20
+ /* Sections
21
+ ========================================================================== */
22
+
23
+ /**
24
+ * Remove the margin in all browsers (opinionated).
25
+ */
26
+
27
+ body {
28
+ margin: 0;
29
+ }
30
+
31
+ /**
32
+ * Add the correct display in IE 9-.
33
+ */
34
+
35
+ article,
36
+ aside,
37
+ footer,
38
+ header,
39
+ nav,
40
+ section {
41
+ display: block;
42
+ }
43
+
44
+ /**
45
+ * Correct the font size and margin on `h1` elements within `section` and
46
+ * `article` contexts in Chrome, Firefox, and Safari.
47
+ */
48
+
49
+ h1 {
50
+ font-size: 2em;
51
+ margin: 0.67em 0;
52
+ }
53
+
54
+ /* Grouping content
55
+ ========================================================================== */
56
+
57
+ /**
58
+ * Add the correct display in IE 9-.
59
+ * 1. Add the correct display in IE.
60
+ */
61
+
62
+ figcaption,
63
+ figure,
64
+ main { /* 1 */
65
+ display: block;
66
+ }
67
+
68
+ /**
69
+ * Add the correct margin in IE 8 (removed).
70
+ */
71
+
72
+ /**
73
+ * 1. Add the correct box sizing in Firefox.
74
+ * 2. Show the overflow in Edge and IE.
75
+ */
76
+
77
+ hr {
78
+ box-sizing: content-box; /* 1 */
79
+ height: 0; /* 1 */
80
+ overflow: visible; /* 2 */
81
+ }
82
+
83
+ /**
84
+ * 1. Correct the inheritance and scaling of font size in all browsers. (removed)
85
+ * 2. Correct the odd `em` font sizing in all browsers.
86
+ */
87
+
88
+ /* Text-level semantics
89
+ ========================================================================== */
90
+
91
+ /**
92
+ * 1. Remove the gray background on active links in IE 10.
93
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
94
+ */
95
+
96
+ a {
97
+ background-color: transparent; /* 1 */
98
+ -webkit-text-decoration-skip: objects; /* 2 */
99
+ }
100
+
101
+ /**
102
+ * Remove the outline on focused links when they are also active or hovered
103
+ * in all browsers (opinionated).
104
+ */
105
+
106
+ a:active,
107
+ a:hover {
108
+ outline-width: 0;
109
+ }
110
+
111
+ /**
112
+ * 1. Remove the bottom border in Firefox 39-.
113
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed)
114
+ */
115
+
116
+ /**
117
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
118
+ */
119
+
120
+ b,
121
+ strong {
122
+ font-weight: inherit;
123
+ }
124
+
125
+ /**
126
+ * Add the correct font weight in Chrome, Edge, and Safari.
127
+ */
128
+
129
+ b,
130
+ strong {
131
+ font-weight: bolder;
132
+ }
133
+
134
+ /**
135
+ * 1. Correct the inheritance and scaling of font size in all browsers.
136
+ * 2. Correct the odd `em` font sizing in all browsers.
137
+ */
138
+
139
+ code,
140
+ kbd,
141
+ pre,
142
+ samp {
143
+ font-family: $mono-font-family; /* 1 (changed) */
144
+ font-size: 1em; /* 2 */
145
+ }
146
+
147
+ /**
148
+ * Add the correct font style in Android 4.3-.
149
+ */
150
+
151
+ dfn {
152
+ font-style: italic;
153
+ }
154
+
155
+ /**
156
+ * Add the correct background and color in IE 9-. (Removed)
157
+ */
158
+
159
+ /**
160
+ * Add the correct font size in all browsers.
161
+ */
162
+
163
+ small {
164
+ font-size: 80%;
165
+ font-weight: 400; /* (added) */
166
+ }
167
+
168
+ /**
169
+ * Prevent `sub` and `sup` elements from affecting the line height in
170
+ * all browsers.
171
+ */
172
+
173
+ sub,
174
+ sup {
175
+ font-size: 75%;
176
+ line-height: 0;
177
+ position: relative;
178
+ vertical-align: baseline;
179
+ }
180
+
181
+ sub {
182
+ bottom: -0.25em;
183
+ }
184
+
185
+ sup {
186
+ top: -0.5em;
187
+ }
188
+
189
+ /* Embedded content
190
+ ========================================================================== */
191
+
192
+ /**
193
+ * Add the correct display in IE 9-.
194
+ */
195
+
196
+ audio,
197
+ video {
198
+ display: inline-block;
199
+ }
200
+
201
+ /**
202
+ * Add the correct display in iOS 4-7.
203
+ */
204
+
205
+ audio:not([controls]) {
206
+ display: none;
207
+ height: 0;
208
+ }
209
+
210
+ /**
211
+ * Remove the border on images inside links in IE 10-.
212
+ */
213
+
214
+ img {
215
+ border-style: none;
216
+ }
217
+
218
+ /**
219
+ * Hide the overflow in IE.
220
+ */
221
+
222
+ svg:not(:root) {
223
+ overflow: hidden;
224
+ }
225
+
226
+ /* Forms
227
+ ========================================================================== */
228
+
229
+ /**
230
+ * 1. Change the font styles in all browsers (opinionated).
231
+ * 2. Remove the margin in Firefox and Safari.
232
+ */
233
+
234
+ button,
235
+ input,
236
+ optgroup,
237
+ select,
238
+ textarea {
239
+ font-family: inherit; /* 1 (changed) */
240
+ font-size: inherit; /* 1 (changed) */
241
+ line-height: inherit; /* 1 (changed) */
242
+ margin: 0; /* 2 */
243
+ }
244
+
245
+ /**
246
+ * Show the overflow in IE.
247
+ * 1. Show the overflow in Edge.
248
+ */
249
+
250
+ button,
251
+ input { /* 1 */
252
+ overflow: visible;
253
+ }
254
+
255
+ /**
256
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
257
+ * 1. Remove the inheritance of text transform in Firefox.
258
+ */
259
+
260
+ button,
261
+ select { /* 1 */
262
+ text-transform: none;
263
+ }
264
+
265
+ /**
266
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
267
+ * controls in Android 4.
268
+ * 2. Correct the inability to style clickable types in iOS and Safari.
269
+ */
270
+
271
+ button,
272
+ html [type="button"], /* 1 */
273
+ [type="reset"],
274
+ [type="submit"] {
275
+ -webkit-appearance: button; /* 2 */
276
+ }
277
+
278
+ /**
279
+ * Remove the inner border and padding in Firefox.
280
+ */
281
+
282
+ button::-moz-focus-inner,
283
+ [type="button"]::-moz-focus-inner,
284
+ [type="reset"]::-moz-focus-inner,
285
+ [type="submit"]::-moz-focus-inner {
286
+ border-style: none;
287
+ padding: 0;
288
+ }
289
+
290
+ /**
291
+ * Restore the focus styles unset by the previous rule (removed).
292
+ */
293
+
294
+
295
+ /**
296
+ * Change the border, margin, and padding in all browsers (opinionated) (changed).
297
+ */
298
+
299
+ fieldset {
300
+ border: 0;
301
+ margin: 0;
302
+ padding: 0;
303
+ }
304
+
305
+ /**
306
+ * 1. Correct the text wrapping in Edge and IE.
307
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
308
+ * 3. Remove the padding so developers are not caught out when they zero out
309
+ * `fieldset` elements in all browsers.
310
+ */
311
+
312
+ legend {
313
+ box-sizing: border-box; /* 1 */
314
+ color: inherit; /* 2 */
315
+ display: table; /* 1 */
316
+ max-width: 100%; /* 1 */
317
+ padding: 0; /* 3 */
318
+ white-space: normal; /* 1 */
319
+ }
320
+
321
+ /**
322
+ * 1. Add the correct display in IE 9-.
323
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
324
+ */
325
+
326
+ progress {
327
+ display: inline-block; /* 1 */
328
+ vertical-align: baseline; /* 2 */
329
+ }
330
+
331
+ /**
332
+ * Remove the default vertical scrollbar in IE.
333
+ */
334
+
335
+ textarea {
336
+ overflow: auto;
337
+ }
338
+
339
+ /**
340
+ * 1. Add the correct box sizing in IE 10-.
341
+ * 2. Remove the padding in IE 10-.
342
+ */
343
+
344
+ [type="checkbox"],
345
+ [type="radio"] {
346
+ box-sizing: border-box; /* 1 */
347
+ padding: 0; /* 2 */
348
+ }
349
+
350
+ /**
351
+ * Correct the cursor style of increment and decrement buttons in Chrome.
352
+ */
353
+
354
+ [type="number"]::-webkit-inner-spin-button,
355
+ [type="number"]::-webkit-outer-spin-button {
356
+ height: auto;
357
+ }
358
+
359
+ /**
360
+ * 1. Correct the odd appearance in Chrome and Safari.
361
+ * 2. Correct the outline style in Safari.
362
+ */
363
+
364
+ [type="search"] {
365
+ -webkit-appearance: textfield; /* 1 */
366
+ outline-offset: -2px; /* 2 */
367
+ }
368
+
369
+ /**
370
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
371
+ */
372
+
373
+ [type="search"]::-webkit-search-cancel-button,
374
+ [type="search"]::-webkit-search-decoration {
375
+ -webkit-appearance: none;
376
+ }
377
+
378
+ /**
379
+ * 1. Correct the inability to style clickable types in iOS and Safari.
380
+ * 2. Change font properties to `inherit` in Safari.
381
+ */
382
+
383
+ ::-webkit-file-upload-button {
384
+ -webkit-appearance: button; /* 1 */
385
+ font: inherit; /* 2 */
386
+ }
387
+
388
+ /* Interactive
389
+ ========================================================================== */
390
+
391
+ /*
392
+ * Add the correct display in IE 9-.
393
+ * 1. Add the correct display in Edge, IE, and Firefox.
394
+ */
395
+
396
+ details, /* 1 */
397
+ menu {
398
+ display: block;
399
+ }
400
+
401
+ /*
402
+ * Add the correct display in all browsers.
403
+ */
404
+
405
+ summary {
406
+ display: list-item;
407
+ }
408
+
409
+ /* Scripting
410
+ ========================================================================== */
411
+
412
+ /**
413
+ * Add the correct display in IE 9-.
414
+ */
415
+
416
+ canvas {
417
+ display: inline-block;
418
+ }
419
+
420
+ /**
421
+ * Add the correct display in IE.
422
+ */
423
+
424
+ template {
425
+ display: none;
426
+ }
427
+
428
+ /* Hidden
429
+ ========================================================================== */
430
+
431
+ /**
432
+ * Add the correct display in IE 10-.
433
+ */
434
+
435
+ [hidden] {
436
+ display: none;
437
+ }