respectre-jekyll-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (80) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +52 -0
  4. data/_includes/footer.html +17 -0
  5. data/_includes/head.html +11 -0
  6. data/_includes/header.html +14 -0
  7. data/_layouts/default.html +13 -0
  8. data/_layouts/home.html +26 -0
  9. data/_layouts/page.html +14 -0
  10. data/_layouts/post.html +21 -0
  11. data/_sass/spectre.scss +49 -0
  12. data/_sass/spectre/.csscomb.json +30 -0
  13. data/_sass/spectre/.gitattributes +1 -0
  14. data/_sass/spectre/.gitignore +9 -0
  15. data/_sass/spectre/.hound.yml +2 -0
  16. data/_sass/spectre/.scss-lint.yml +253 -0
  17. data/_sass/spectre/_accordions.scss +38 -0
  18. data/_sass/spectre/_animations.scss +20 -0
  19. data/_sass/spectre/_asian.scss +33 -0
  20. data/_sass/spectre/_autocomplete.scss +36 -0
  21. data/_sass/spectre/_avatars.scss +77 -0
  22. data/_sass/spectre/_badges.scss +70 -0
  23. data/_sass/spectre/_bars.scss +71 -0
  24. data/_sass/spectre/_base.scss +40 -0
  25. data/_sass/spectre/_breadcrumbs.scss +29 -0
  26. data/_sass/spectre/_buttons.scss +182 -0
  27. data/_sass/spectre/_calendars.scss +206 -0
  28. data/_sass/spectre/_cards.scss +39 -0
  29. data/_sass/spectre/_carousels.scss +124 -0
  30. data/_sass/spectre/_chips.scss +26 -0
  31. data/_sass/spectre/_codes.scss +31 -0
  32. data/_sass/spectre/_comparison-sliders.scss +114 -0
  33. data/_sass/spectre/_dropdowns.scss +36 -0
  34. data/_sass/spectre/_empty.scss +21 -0
  35. data/_sass/spectre/_filters.scss +37 -0
  36. data/_sass/spectre/_forms.scss +514 -0
  37. data/_sass/spectre/_icons.scss +5 -0
  38. data/_sass/spectre/_labels.scss +34 -0
  39. data/_sass/spectre/_layout.scss +424 -0
  40. data/_sass/spectre/_media.scss +75 -0
  41. data/_sass/spectre/_menus.scss +56 -0
  42. data/_sass/spectre/_meters.scss +57 -0
  43. data/_sass/spectre/_mixins.scss +186 -0
  44. data/_sass/spectre/_modals.scss +82 -0
  45. data/_sass/spectre/_navbar.scss +29 -0
  46. data/_sass/spectre/_navs.scss +34 -0
  47. data/_sass/spectre/_normalize.scss +446 -0
  48. data/_sass/spectre/_off-canvas.scss +82 -0
  49. data/_sass/spectre/_pagination.scss +61 -0
  50. data/_sass/spectre/_panels.scss +23 -0
  51. data/_sass/spectre/_parallax.scss +129 -0
  52. data/_sass/spectre/_popovers.scss +70 -0
  53. data/_sass/spectre/_progress.scss +45 -0
  54. data/_sass/spectre/_sliders.scss +93 -0
  55. data/_sass/spectre/_steps.scss +70 -0
  56. data/_sass/spectre/_tables.scss +45 -0
  57. data/_sass/spectre/_tabs.scss +66 -0
  58. data/_sass/spectre/_tiles.scss +38 -0
  59. data/_sass/spectre/_timelines.scss +54 -0
  60. data/_sass/spectre/_toasts.scss +42 -0
  61. data/_sass/spectre/_tooltips.scss +79 -0
  62. data/_sass/spectre/_typography.scss +128 -0
  63. data/_sass/spectre/_utilities.scss +8 -0
  64. data/_sass/spectre/_variables.scss +105 -0
  65. data/_sass/spectre/icons/_icons-action.scss +316 -0
  66. data/_sass/spectre/icons/_icons-core.scss +53 -0
  67. data/_sass/spectre/icons/_icons-navigation.scss +133 -0
  68. data/_sass/spectre/icons/_icons-object.scss +176 -0
  69. data/_sass/spectre/spectre-exp.scss +16 -0
  70. data/_sass/spectre/spectre-icons.scss +10 -0
  71. data/_sass/spectre/utilities/_colors.scss +29 -0
  72. data/_sass/spectre/utilities/_cursors.scss +24 -0
  73. data/_sass/spectre/utilities/_display.scss +44 -0
  74. data/_sass/spectre/utilities/_divider.scss +50 -0
  75. data/_sass/spectre/utilities/_loading.scss +34 -0
  76. data/_sass/spectre/utilities/_position.scss +50 -0
  77. data/_sass/spectre/utilities/_shapes.scss +8 -0
  78. data/_sass/spectre/utilities/_text.scss +64 -0
  79. data/assets/css/main.scss +18 -0
  80. metadata +212 -0
@@ -0,0 +1,5 @@
1
+ // CSS Icons
2
+ @import "icons/icons-core";
3
+ @import "icons/icons-navigation";
4
+ @import "icons/icons-action";
5
+ @import "icons/icons-object";
@@ -0,0 +1,34 @@
1
+ // Labels
2
+ .label {
3
+ @include label-base();
4
+ @include label-variant(lighten($body-font-color, 5%), $bg-color-dark);
5
+ display: inline-block;
6
+
7
+ // Label rounded
8
+ &.label-rounded {
9
+ border-radius: 5rem;
10
+ padding-left: .4rem;
11
+ padding-right: .4rem;
12
+ }
13
+
14
+ // Label colors
15
+ &.label-primary {
16
+ @include label-variant($light-color, $primary-color);
17
+ }
18
+
19
+ &.label-secondary {
20
+ @include label-variant($primary-color, $secondary-color);
21
+ }
22
+
23
+ &.label-success {
24
+ @include label-variant($light-color, $success-color);
25
+ }
26
+
27
+ &.label-warning {
28
+ @include label-variant($light-color, $warning-color);
29
+ }
30
+
31
+ &.label-error {
32
+ @include label-variant($light-color, $error-color);
33
+ }
34
+ }
@@ -0,0 +1,424 @@
1
+ // Layout
2
+ .container {
3
+ margin-left: auto;
4
+ margin-right: auto;
5
+ padding-left: $layout-spacing;
6
+ padding-right: $layout-spacing;
7
+ width: 100%;
8
+ @extend .clearfix;
9
+
10
+ $grid-spacing: ($layout-spacing / ($layout-spacing * 0 + 1)) * $html-font-size;
11
+
12
+ &.grid-xl {
13
+ max-width: $grid-spacing * 2 + $size-xl;
14
+ }
15
+
16
+ &.grid-lg {
17
+ max-width: $grid-spacing * 2 + $size-lg;
18
+ }
19
+
20
+ &.grid-md {
21
+ max-width: $grid-spacing * 2 + $size-md;
22
+ }
23
+
24
+ &.grid-sm {
25
+ max-width: $grid-spacing * 2 + $size-sm;
26
+ }
27
+
28
+ &.grid-xs {
29
+ max-width: $grid-spacing * 2 + $size-xs;
30
+ }
31
+ }
32
+
33
+ // Responsive breakpoint system
34
+ .show-xs,
35
+ .show-sm,
36
+ .show-md,
37
+ .show-lg,
38
+ .show-xl {
39
+ display: none !important;
40
+ }
41
+
42
+ // Responsive grid system
43
+ .columns {
44
+ display: flex;
45
+ flex-wrap: wrap;
46
+ margin-left: -$layout-spacing;
47
+ margin-right: -$layout-spacing;
48
+
49
+ &.col-gapless {
50
+ margin-left: 0;
51
+ margin-right: 0;
52
+
53
+ & > .column {
54
+ padding-left: 0;
55
+ padding-right: 0;
56
+ }
57
+ }
58
+ &.col-oneline {
59
+ flex-wrap: nowrap;
60
+ overflow-x: auto;
61
+ }
62
+ }
63
+ .column {
64
+ flex: 1;
65
+ max-width: 100%;
66
+ padding-left: $layout-spacing;
67
+ padding-right: $layout-spacing;
68
+
69
+ &.col-12,
70
+ &.col-11,
71
+ &.col-10,
72
+ &.col-9,
73
+ &.col-8,
74
+ &.col-7,
75
+ &.col-6,
76
+ &.col-5,
77
+ &.col-4,
78
+ &.col-3,
79
+ &.col-2,
80
+ &.col-1 {
81
+ flex: none;
82
+ }
83
+ }
84
+ .col-12 {
85
+ width: 100%;
86
+ }
87
+ .col-11 {
88
+ width: 91.66666667%;
89
+ }
90
+ .col-10 {
91
+ width: 83.33333333%;
92
+ }
93
+ .col-9 {
94
+ width: 75%;
95
+ }
96
+ .col-8 {
97
+ width: 66.66666667%;
98
+ }
99
+ .col-7 {
100
+ width: 58.33333333%;
101
+ }
102
+ .col-6 {
103
+ width: 50%;
104
+ }
105
+ .col-5 {
106
+ width: 41.66666667%;
107
+ }
108
+ .col-4 {
109
+ width: 33.33333333%;
110
+ }
111
+ .col-3 {
112
+ width: 25%;
113
+ }
114
+ .col-2 {
115
+ width: 16.66666667%;
116
+ }
117
+ .col-1 {
118
+ width: 8.33333333%;
119
+ }
120
+ .col-auto {
121
+ flex: 0 0 auto;
122
+ max-width: none;
123
+ width: auto;
124
+ }
125
+ .col-mx-auto {
126
+ margin-left: auto;
127
+ margin-right: auto;
128
+ }
129
+ .col-ml-auto {
130
+ margin-left: auto;
131
+ }
132
+ .col-mr-auto {
133
+ margin-right: auto;
134
+ }
135
+ @media (max-width: $size-xl) {
136
+ .col-xl-12,
137
+ .col-xl-11,
138
+ .col-xl-10,
139
+ .col-xl-9,
140
+ .col-xl-8,
141
+ .col-xl-7,
142
+ .col-xl-6,
143
+ .col-xl-5,
144
+ .col-xl-4,
145
+ .col-xl-3,
146
+ .col-xl-2,
147
+ .col-xl-1 {
148
+ flex: none;
149
+ }
150
+ .col-xl-12 {
151
+ width: 100%;
152
+ }
153
+ .col-xl-11 {
154
+ width: 91.66666667%;
155
+ }
156
+ .col-xl-10 {
157
+ width: 83.33333333%;
158
+ }
159
+ .col-xl-9 {
160
+ width: 75%;
161
+ }
162
+ .col-xl-8 {
163
+ width: 66.66666667%;
164
+ }
165
+ .col-xl-7 {
166
+ width: 58.33333333%;
167
+ }
168
+ .col-xl-6 {
169
+ width: 50%;
170
+ }
171
+ .col-xl-5 {
172
+ width: 41.66666667%;
173
+ }
174
+ .col-xl-4 {
175
+ width: 33.33333333%;
176
+ }
177
+ .col-xl-3 {
178
+ width: 25%;
179
+ }
180
+ .col-xl-2 {
181
+ width: 16.66666667%;
182
+ }
183
+ .col-xl-1 {
184
+ width: 8.33333333%;
185
+ }
186
+ .hide-xl {
187
+ display: none !important;
188
+ }
189
+ .show-xl {
190
+ display: block !important;
191
+ }
192
+ }
193
+ @media (max-width: $size-lg) {
194
+ .col-lg-12,
195
+ .col-lg-11,
196
+ .col-lg-10,
197
+ .col-lg-9,
198
+ .col-lg-8,
199
+ .col-lg-7,
200
+ .col-lg-6,
201
+ .col-lg-5,
202
+ .col-lg-4,
203
+ .col-lg-3,
204
+ .col-lg-2,
205
+ .col-lg-1 {
206
+ flex: none;
207
+ }
208
+ .col-lg-12 {
209
+ width: 100%;
210
+ }
211
+ .col-lg-11 {
212
+ width: 91.66666667%;
213
+ }
214
+ .col-lg-10 {
215
+ width: 83.33333333%;
216
+ }
217
+ .col-lg-9 {
218
+ width: 75%;
219
+ }
220
+ .col-lg-8 {
221
+ width: 66.66666667%;
222
+ }
223
+ .col-lg-7 {
224
+ width: 58.33333333%;
225
+ }
226
+ .col-lg-6 {
227
+ width: 50%;
228
+ }
229
+ .col-lg-5 {
230
+ width: 41.66666667%;
231
+ }
232
+ .col-lg-4 {
233
+ width: 33.33333333%;
234
+ }
235
+ .col-lg-3 {
236
+ width: 25%;
237
+ }
238
+ .col-lg-2 {
239
+ width: 16.66666667%;
240
+ }
241
+ .col-lg-1 {
242
+ width: 8.33333333%;
243
+ }
244
+ .hide-lg {
245
+ display: none !important;
246
+ }
247
+ .show-lg {
248
+ display: block !important;
249
+ }
250
+ }
251
+ @media (max-width: $size-md) {
252
+ .col-md-12,
253
+ .col-md-11,
254
+ .col-md-10,
255
+ .col-md-9,
256
+ .col-md-8,
257
+ .col-md-7,
258
+ .col-md-6,
259
+ .col-md-5,
260
+ .col-md-4,
261
+ .col-md-3,
262
+ .col-md-2,
263
+ .col-md-1 {
264
+ flex: none;
265
+ }
266
+ .col-md-12 {
267
+ width: 100%;
268
+ }
269
+ .col-md-11 {
270
+ width: 91.66666667%;
271
+ }
272
+ .col-md-10 {
273
+ width: 83.33333333%;
274
+ }
275
+ .col-md-9 {
276
+ width: 75%;
277
+ }
278
+ .col-md-8 {
279
+ width: 66.66666667%;
280
+ }
281
+ .col-md-7 {
282
+ width: 58.33333333%;
283
+ }
284
+ .col-md-6 {
285
+ width: 50%;
286
+ }
287
+ .col-md-5 {
288
+ width: 41.66666667%;
289
+ }
290
+ .col-md-4 {
291
+ width: 33.33333333%;
292
+ }
293
+ .col-md-3 {
294
+ width: 25%;
295
+ }
296
+ .col-md-2 {
297
+ width: 16.66666667%;
298
+ }
299
+ .col-md-1 {
300
+ width: 8.33333333%;
301
+ }
302
+ .hide-md {
303
+ display: none !important;
304
+ }
305
+ .show-md {
306
+ display: block !important;
307
+ }
308
+ }
309
+ @media (max-width: $size-sm) {
310
+ .col-sm-12,
311
+ .col-sm-11,
312
+ .col-sm-10,
313
+ .col-sm-9,
314
+ .col-sm-8,
315
+ .col-sm-7,
316
+ .col-sm-6,
317
+ .col-sm-5,
318
+ .col-sm-4,
319
+ .col-sm-3,
320
+ .col-sm-2,
321
+ .col-sm-1 {
322
+ flex: none;
323
+ }
324
+ .col-sm-12 {
325
+ width: 100%;
326
+ }
327
+ .col-sm-11 {
328
+ width: 91.66666667%;
329
+ }
330
+ .col-sm-10 {
331
+ width: 83.33333333%;
332
+ }
333
+ .col-sm-9 {
334
+ width: 75%;
335
+ }
336
+ .col-sm-8 {
337
+ width: 66.66666667%;
338
+ }
339
+ .col-sm-7 {
340
+ width: 58.33333333%;
341
+ }
342
+ .col-sm-6 {
343
+ width: 50%;
344
+ }
345
+ .col-sm-5 {
346
+ width: 41.66666667%;
347
+ }
348
+ .col-sm-4 {
349
+ width: 33.33333333%;
350
+ }
351
+ .col-sm-3 {
352
+ width: 25%;
353
+ }
354
+ .col-sm-2 {
355
+ width: 16.66666667%;
356
+ }
357
+ .col-sm-1 {
358
+ width: 8.33333333%;
359
+ }
360
+ .hide-sm {
361
+ display: none !important;
362
+ }
363
+ .show-sm {
364
+ display: block !important;
365
+ }
366
+ }
367
+ @media (max-width: $size-xs) {
368
+ .col-xs-12,
369
+ .col-xs-11,
370
+ .col-xs-10,
371
+ .col-xs-9,
372
+ .col-xs-8,
373
+ .col-xs-7,
374
+ .col-xs-6,
375
+ .col-xs-5,
376
+ .col-xs-4,
377
+ .col-xs-3,
378
+ .col-xs-2,
379
+ .col-xs-1 {
380
+ flex: none;
381
+ }
382
+ .col-xs-12 {
383
+ width: 100%;
384
+ }
385
+ .col-xs-11 {
386
+ width: 91.66666667%;
387
+ }
388
+ .col-xs-10 {
389
+ width: 83.33333333%;
390
+ }
391
+ .col-xs-9 {
392
+ width: 75%;
393
+ }
394
+ .col-xs-8 {
395
+ width: 66.66666667%;
396
+ }
397
+ .col-xs-7 {
398
+ width: 58.33333333%;
399
+ }
400
+ .col-xs-6 {
401
+ width: 50%;
402
+ }
403
+ .col-xs-5 {
404
+ width: 41.66666667%;
405
+ }
406
+ .col-xs-4 {
407
+ width: 33.33333333%;
408
+ }
409
+ .col-xs-3 {
410
+ width: 25%;
411
+ }
412
+ .col-xs-2 {
413
+ width: 16.66666667%;
414
+ }
415
+ .col-xs-1 {
416
+ width: 8.33333333%;
417
+ }
418
+ .hide-xs {
419
+ display: none !important;
420
+ }
421
+ .show-xs {
422
+ display: block !important;
423
+ }
424
+ }