mere-blog-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (84) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +98 -0
  4. data/_includes/google-analytics.html +8 -0
  5. data/_includes/head-scripts.html +0 -0
  6. data/_includes/head.html +13 -0
  7. data/_includes/hero.html +8 -0
  8. data/_includes/navbar.html +19 -0
  9. data/_includes/pagination.html +23 -0
  10. data/_includes/post-item.html +17 -0
  11. data/_layouts/blog.html +19 -0
  12. data/_layouts/default.html +21 -0
  13. data/_layouts/homepage.html +26 -0
  14. data/_layouts/page.html +5 -0
  15. data/_layouts/post.html +14 -0
  16. data/_sass/_layout.scss +25 -0
  17. data/_sass/_main.scss +38 -0
  18. data/_sass/syntax.scss +209 -0
  19. data/assets/css/app.scss +5 -0
  20. data/assets/js/app.js +25 -0
  21. data/node_modules/bulma/CHANGELOG.md +1254 -0
  22. data/node_modules/bulma/LICENSE +21 -0
  23. data/node_modules/bulma/README.md +124 -0
  24. data/node_modules/bulma/bulma.sass +9 -0
  25. data/node_modules/bulma/css/bulma.css +10599 -0
  26. data/node_modules/bulma/css/bulma.css.map +1 -0
  27. data/node_modules/bulma/css/bulma.min.css +1 -0
  28. data/node_modules/bulma/package.json +78 -0
  29. data/node_modules/bulma/sass/base/_all.sass +5 -0
  30. data/node_modules/bulma/sass/base/generic.sass +142 -0
  31. data/node_modules/bulma/sass/base/helpers.sass +281 -0
  32. data/node_modules/bulma/sass/base/minireset.sass +85 -0
  33. data/node_modules/bulma/sass/components/_all.sass +15 -0
  34. data/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
  35. data/node_modules/bulma/sass/components/card.sass +79 -0
  36. data/node_modules/bulma/sass/components/dropdown.sass +81 -0
  37. data/node_modules/bulma/sass/components/level.sass +77 -0
  38. data/node_modules/bulma/sass/components/list.sass +39 -0
  39. data/node_modules/bulma/sass/components/media.sass +48 -0
  40. data/node_modules/bulma/sass/components/menu.sass +57 -0
  41. data/node_modules/bulma/sass/components/message.sass +87 -0
  42. data/node_modules/bulma/sass/components/modal.sass +113 -0
  43. data/node_modules/bulma/sass/components/navbar.sass +443 -0
  44. data/node_modules/bulma/sass/components/pagination.sass +149 -0
  45. data/node_modules/bulma/sass/components/panel.sass +103 -0
  46. data/node_modules/bulma/sass/components/tabs.sass +151 -0
  47. data/node_modules/bulma/sass/elements/_all.sass +15 -0
  48. data/node_modules/bulma/sass/elements/box.sass +24 -0
  49. data/node_modules/bulma/sass/elements/button.sass +305 -0
  50. data/node_modules/bulma/sass/elements/container.sass +23 -0
  51. data/node_modules/bulma/sass/elements/content.sass +155 -0
  52. data/node_modules/bulma/sass/elements/form.sass +1 -0
  53. data/node_modules/bulma/sass/elements/icon.sass +21 -0
  54. data/node_modules/bulma/sass/elements/image.sass +69 -0
  55. data/node_modules/bulma/sass/elements/notification.sass +35 -0
  56. data/node_modules/bulma/sass/elements/other.sass +39 -0
  57. data/node_modules/bulma/sass/elements/progress.sass +67 -0
  58. data/node_modules/bulma/sass/elements/table.sass +127 -0
  59. data/node_modules/bulma/sass/elements/tag.sass +121 -0
  60. data/node_modules/bulma/sass/elements/title.sass +70 -0
  61. data/node_modules/bulma/sass/form/_all.sass +8 -0
  62. data/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
  63. data/node_modules/bulma/sass/form/file.sass +180 -0
  64. data/node_modules/bulma/sass/form/input-textarea.sass +60 -0
  65. data/node_modules/bulma/sass/form/select.sass +85 -0
  66. data/node_modules/bulma/sass/form/shared.sass +55 -0
  67. data/node_modules/bulma/sass/form/tools.sass +205 -0
  68. data/node_modules/bulma/sass/grid/_all.sass +4 -0
  69. data/node_modules/bulma/sass/grid/columns.sass +504 -0
  70. data/node_modules/bulma/sass/grid/tiles.sass +34 -0
  71. data/node_modules/bulma/sass/layout/_all.sass +5 -0
  72. data/node_modules/bulma/sass/layout/footer.sass +9 -0
  73. data/node_modules/bulma/sass/layout/hero.sass +143 -0
  74. data/node_modules/bulma/sass/layout/section.sass +13 -0
  75. data/node_modules/bulma/sass/utilities/_all.sass +8 -0
  76. data/node_modules/bulma/sass/utilities/animations.sass +5 -0
  77. data/node_modules/bulma/sass/utilities/controls.sass +50 -0
  78. data/node_modules/bulma/sass/utilities/derived-variables.sass +85 -0
  79. data/node_modules/bulma/sass/utilities/functions.sass +62 -0
  80. data/node_modules/bulma/sass/utilities/initial-variables.sass +76 -0
  81. data/node_modules/bulma/sass/utilities/mixins.sass +261 -0
  82. data/package-lock.json +13 -0
  83. data/package.json +17 -0
  84. metadata +253 -0
@@ -0,0 +1,151 @@
1
+ $tabs-border-bottom-color: $border !default
2
+ $tabs-border-bottom-style: solid !default
3
+ $tabs-border-bottom-width: 1px !default
4
+ $tabs-link-color: $text !default
5
+ $tabs-link-hover-border-bottom-color: $text-strong !default
6
+ $tabs-link-hover-color: $text-strong !default
7
+ $tabs-link-active-border-bottom-color: $link !default
8
+ $tabs-link-active-color: $link !default
9
+ $tabs-link-padding: 0.5em 1em !default
10
+
11
+ $tabs-boxed-link-radius: $radius !default
12
+ $tabs-boxed-link-hover-background-color: $background !default
13
+ $tabs-boxed-link-hover-border-bottom-color: $border !default
14
+
15
+ $tabs-boxed-link-active-background-color: $white !default
16
+ $tabs-boxed-link-active-border-color: $border !default
17
+ $tabs-boxed-link-active-border-bottom-color: transparent !default
18
+
19
+ $tabs-toggle-link-border-color: $border !default
20
+ $tabs-toggle-link-border-style: solid !default
21
+ $tabs-toggle-link-border-width: 1px !default
22
+ $tabs-toggle-link-hover-background-color: $background !default
23
+ $tabs-toggle-link-hover-border-color: $border-hover !default
24
+ $tabs-toggle-link-radius: $radius !default
25
+ $tabs-toggle-link-active-background-color: $link !default
26
+ $tabs-toggle-link-active-border-color: $link !default
27
+ $tabs-toggle-link-active-color: $link-invert !default
28
+
29
+ .tabs
30
+ @extend %block
31
+ +overflow-touch
32
+ @extend %unselectable
33
+ align-items: stretch
34
+ display: flex
35
+ font-size: $size-normal
36
+ justify-content: space-between
37
+ overflow: hidden
38
+ overflow-x: auto
39
+ white-space: nowrap
40
+ a
41
+ align-items: center
42
+ border-bottom-color: $tabs-border-bottom-color
43
+ border-bottom-style: $tabs-border-bottom-style
44
+ border-bottom-width: $tabs-border-bottom-width
45
+ color: $tabs-link-color
46
+ display: flex
47
+ justify-content: center
48
+ margin-bottom: -#{$tabs-border-bottom-width}
49
+ padding: $tabs-link-padding
50
+ vertical-align: top
51
+ &:hover
52
+ border-bottom-color: $tabs-link-hover-border-bottom-color
53
+ color: $tabs-link-hover-color
54
+ li
55
+ display: block
56
+ &.is-active
57
+ a
58
+ border-bottom-color: $tabs-link-active-border-bottom-color
59
+ color: $tabs-link-active-color
60
+ ul
61
+ align-items: center
62
+ border-bottom-color: $tabs-border-bottom-color
63
+ border-bottom-style: $tabs-border-bottom-style
64
+ border-bottom-width: $tabs-border-bottom-width
65
+ display: flex
66
+ flex-grow: 1
67
+ flex-shrink: 0
68
+ justify-content: flex-start
69
+ &.is-left
70
+ padding-right: 0.75em
71
+ &.is-center
72
+ flex: none
73
+ justify-content: center
74
+ padding-left: 0.75em
75
+ padding-right: 0.75em
76
+ &.is-right
77
+ justify-content: flex-end
78
+ padding-left: 0.75em
79
+ .icon
80
+ &:first-child
81
+ margin-right: 0.5em
82
+ &:last-child
83
+ margin-left: 0.5em
84
+ // Alignment
85
+ &.is-centered
86
+ ul
87
+ justify-content: center
88
+ &.is-right
89
+ ul
90
+ justify-content: flex-end
91
+ // Styles
92
+ &.is-boxed
93
+ a
94
+ border: 1px solid transparent
95
+ border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
96
+ &:hover
97
+ background-color: $tabs-boxed-link-hover-background-color
98
+ border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
99
+ li
100
+ &.is-active
101
+ a
102
+ background-color: $tabs-boxed-link-active-background-color
103
+ border-color: $tabs-boxed-link-active-border-color
104
+ border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
105
+ &.is-fullwidth
106
+ li
107
+ flex-grow: 1
108
+ flex-shrink: 0
109
+ &.is-toggle
110
+ a
111
+ border-color: $tabs-toggle-link-border-color
112
+ border-style: $tabs-toggle-link-border-style
113
+ border-width: $tabs-toggle-link-border-width
114
+ margin-bottom: 0
115
+ position: relative
116
+ &:hover
117
+ background-color: $tabs-toggle-link-hover-background-color
118
+ border-color: $tabs-toggle-link-hover-border-color
119
+ z-index: 2
120
+ li
121
+ & + li
122
+ margin-left: -#{$tabs-toggle-link-border-width}
123
+ &:first-child a
124
+ border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
125
+ &:last-child a
126
+ border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
127
+ &.is-active
128
+ a
129
+ background-color: $tabs-toggle-link-active-background-color
130
+ border-color: $tabs-toggle-link-active-border-color
131
+ color: $tabs-toggle-link-active-color
132
+ z-index: 1
133
+ ul
134
+ border-bottom: none
135
+ &.is-toggle-rounded
136
+ li
137
+ &:first-child a
138
+ border-bottom-left-radius: $radius-rounded
139
+ border-top-left-radius: $radius-rounded
140
+ padding-left: 1.25em
141
+ &:last-child a
142
+ border-bottom-right-radius: $radius-rounded
143
+ border-top-right-radius: $radius-rounded
144
+ padding-right: 1.25em
145
+ // Sizes
146
+ &.is-small
147
+ font-size: $size-small
148
+ &.is-medium
149
+ font-size: $size-medium
150
+ &.is-large
151
+ font-size: $size-large
@@ -0,0 +1,15 @@
1
+ @charset "utf-8"
2
+
3
+ @import "box.sass"
4
+ @import "button.sass"
5
+ @import "container.sass"
6
+ @import "content.sass"
7
+ @import "icon.sass"
8
+ @import "image.sass"
9
+ @import "notification.sass"
10
+ @import "progress.sass"
11
+ @import "table.sass"
12
+ @import "tag.sass"
13
+ @import "title.sass"
14
+
15
+ @import "other.sass"
@@ -0,0 +1,24 @@
1
+ $box-color: $text !default
2
+ $box-background-color: $white !default
3
+ $box-radius: $radius-large !default
4
+ $box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
5
+ $box-padding: 1.25rem !default
6
+
7
+ $box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
8
+ $box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
9
+
10
+ .box
11
+ @extend %block
12
+ background-color: $box-background-color
13
+ border-radius: $box-radius
14
+ box-shadow: $box-shadow
15
+ color: $box-color
16
+ display: block
17
+ padding: $box-padding
18
+
19
+ a.box
20
+ &:hover,
21
+ &:focus
22
+ box-shadow: $box-link-hover-shadow
23
+ &:active
24
+ box-shadow: $box-link-active-shadow
@@ -0,0 +1,305 @@
1
+ $button-color: $grey-darker !default
2
+ $button-background-color: $white !default
3
+ $button-family: false !default
4
+
5
+ $button-border-color: $grey-lighter !default
6
+ $button-border-width: $control-border-width !default
7
+
8
+ $button-padding-vertical: calc(0.375em - #{$button-border-width}) !default
9
+ $button-padding-horizontal: 0.75em !default
10
+
11
+ $button-hover-color: $link-hover !default
12
+ $button-hover-border-color: $link-hover-border !default
13
+
14
+ $button-focus-color: $link-focus !default
15
+ $button-focus-border-color: $link-focus-border !default
16
+ $button-focus-box-shadow-size: 0 0 0 0.125em !default
17
+ $button-focus-box-shadow-color: rgba($link, 0.25) !default
18
+
19
+ $button-active-color: $link-active !default
20
+ $button-active-border-color: $link-active-border !default
21
+
22
+ $button-text-color: $text !default
23
+ $button-text-hover-background-color: $background !default
24
+ $button-text-hover-color: $text-strong !default
25
+
26
+ $button-disabled-background-color: $white !default
27
+ $button-disabled-border-color: $grey-lighter !default
28
+ $button-disabled-shadow: none !default
29
+ $button-disabled-opacity: 0.5 !default
30
+
31
+ $button-static-color: $grey !default
32
+ $button-static-background-color: $white-ter !default
33
+ $button-static-border-color: $grey-lighter !default
34
+
35
+ // The button sizes use mixins so they can be used at different breakpoints
36
+ =button-small
37
+ border-radius: $radius-small
38
+ font-size: $size-small
39
+ =button-normal
40
+ font-size: $size-normal
41
+ =button-medium
42
+ font-size: $size-medium
43
+ =button-large
44
+ font-size: $size-large
45
+
46
+ .button
47
+ @extend %control
48
+ @extend %unselectable
49
+ background-color: $button-background-color
50
+ border-color: $button-border-color
51
+ border-width: $button-border-width
52
+ color: $button-color
53
+ cursor: pointer
54
+ @if $button-family
55
+ font-family: $button-family
56
+ justify-content: center
57
+ padding-bottom: $button-padding-vertical
58
+ padding-left: $button-padding-horizontal
59
+ padding-right: $button-padding-horizontal
60
+ padding-top: $button-padding-vertical
61
+ text-align: center
62
+ white-space: nowrap
63
+ strong
64
+ color: inherit
65
+ .icon
66
+ &,
67
+ &.is-small,
68
+ &.is-medium,
69
+ &.is-large
70
+ height: 1.5em
71
+ width: 1.5em
72
+ &:first-child:not(:last-child)
73
+ margin-left: calc(-0.375em - #{$button-border-width})
74
+ margin-right: 0.1875em
75
+ &:last-child:not(:first-child)
76
+ margin-left: 0.1875em
77
+ margin-right: calc(-0.375em - #{$button-border-width})
78
+ &:first-child:last-child
79
+ margin-left: calc(-0.375em - #{$button-border-width})
80
+ margin-right: calc(-0.375em - #{$button-border-width})
81
+ // States
82
+ &:hover,
83
+ &.is-hovered
84
+ border-color: $button-hover-border-color
85
+ color: $button-hover-color
86
+ &:focus,
87
+ &.is-focused
88
+ border-color: $button-focus-border-color
89
+ color: $button-focus-color
90
+ &:not(:active)
91
+ box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
92
+ &:active,
93
+ &.is-active
94
+ border-color: $button-active-border-color
95
+ color: $button-active-color
96
+ // Colors
97
+ &.is-text
98
+ background-color: transparent
99
+ border-color: transparent
100
+ color: $button-text-color
101
+ text-decoration: underline
102
+ &:hover,
103
+ &.is-hovered,
104
+ &:focus,
105
+ &.is-focused
106
+ background-color: $button-text-hover-background-color
107
+ color: $button-text-hover-color
108
+ &:active,
109
+ &.is-active
110
+ background-color: darken($button-text-hover-background-color, 5%)
111
+ color: $button-text-hover-color
112
+ &[disabled],
113
+ fieldset[disabled] &
114
+ background-color: transparent
115
+ border-color: transparent
116
+ box-shadow: none
117
+ @each $name, $pair in $colors
118
+ $color: nth($pair, 1)
119
+ $color-invert: nth($pair, 2)
120
+ &.is-#{$name}
121
+ background-color: $color
122
+ border-color: transparent
123
+ color: $color-invert
124
+ &:hover,
125
+ &.is-hovered
126
+ background-color: darken($color, 2.5%)
127
+ border-color: transparent
128
+ color: $color-invert
129
+ &:focus,
130
+ &.is-focused
131
+ border-color: transparent
132
+ color: $color-invert
133
+ &:not(:active)
134
+ box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
135
+ &:active,
136
+ &.is-active
137
+ background-color: darken($color, 5%)
138
+ border-color: transparent
139
+ color: $color-invert
140
+ &[disabled],
141
+ fieldset[disabled] &
142
+ background-color: $color
143
+ border-color: transparent
144
+ box-shadow: none
145
+ &.is-inverted
146
+ background-color: $color-invert
147
+ color: $color
148
+ &:hover,
149
+ &.is-hovered
150
+ background-color: darken($color-invert, 5%)
151
+ &[disabled],
152
+ fieldset[disabled] &
153
+ background-color: $color-invert
154
+ border-color: transparent
155
+ box-shadow: none
156
+ color: $color
157
+ &.is-loading
158
+ &::after
159
+ border-color: transparent transparent $color-invert $color-invert !important
160
+ &.is-outlined
161
+ background-color: transparent
162
+ border-color: $color
163
+ color: $color
164
+ &:hover,
165
+ &.is-hovered,
166
+ &:focus,
167
+ &.is-focused
168
+ background-color: $color
169
+ border-color: $color
170
+ color: $color-invert
171
+ &.is-loading
172
+ &::after
173
+ border-color: transparent transparent $color $color !important
174
+ &:hover,
175
+ &.is-hovered,
176
+ &:focus,
177
+ &.is-focused
178
+ &::after
179
+ border-color: transparent transparent $color-invert $color-invert !important
180
+ &[disabled],
181
+ fieldset[disabled] &
182
+ background-color: transparent
183
+ border-color: $color
184
+ box-shadow: none
185
+ color: $color
186
+ &.is-inverted.is-outlined
187
+ background-color: transparent
188
+ border-color: $color-invert
189
+ color: $color-invert
190
+ &:hover,
191
+ &.is-hovered,
192
+ &:focus,
193
+ &.is-focused
194
+ background-color: $color-invert
195
+ color: $color
196
+ &.is-loading
197
+ &:hover,
198
+ &.is-hovered,
199
+ &:focus,
200
+ &.is-focused
201
+ &::after
202
+ border-color: transparent transparent $color $color !important
203
+ &[disabled],
204
+ fieldset[disabled] &
205
+ background-color: transparent
206
+ border-color: $color-invert
207
+ box-shadow: none
208
+ color: $color-invert
209
+ // Sizes
210
+ &.is-small
211
+ +button-small
212
+ &.is-normal
213
+ +button-normal
214
+ &.is-medium
215
+ +button-medium
216
+ &.is-large
217
+ +button-large
218
+ // Modifiers
219
+ &[disabled],
220
+ fieldset[disabled] &
221
+ background-color: $button-disabled-background-color
222
+ border-color: $button-disabled-border-color
223
+ box-shadow: $button-disabled-shadow
224
+ opacity: $button-disabled-opacity
225
+ &.is-fullwidth
226
+ display: flex
227
+ width: 100%
228
+ &.is-loading
229
+ color: transparent !important
230
+ pointer-events: none
231
+ &::after
232
+ @extend %loader
233
+ +center(1em)
234
+ position: absolute !important
235
+ &.is-static
236
+ background-color: $button-static-background-color
237
+ border-color: $button-static-border-color
238
+ color: $button-static-color
239
+ box-shadow: none
240
+ pointer-events: none
241
+ &.is-rounded
242
+ border-radius: $radius-rounded
243
+ padding-left: 1em
244
+ padding-right: 1em
245
+
246
+ .buttons
247
+ align-items: center
248
+ display: flex
249
+ flex-wrap: wrap
250
+ justify-content: flex-start
251
+ .button
252
+ margin-bottom: 0.5rem
253
+ &:not(:last-child):not(.is-fullwidth)
254
+ margin-right: 0.5rem
255
+ &:last-child
256
+ margin-bottom: -0.5rem
257
+ &:not(:last-child)
258
+ margin-bottom: 1rem
259
+ // Sizes
260
+ &.are-small
261
+ .button:not(.is-normal):not(.is-medium):not(.is-large)
262
+ +button-small
263
+ &.are-medium
264
+ .button:not(.is-small):not(.is-normal):not(.is-large)
265
+ +button-medium
266
+ &.are-large
267
+ .button:not(.is-small):not(.is-normal):not(.is-medium)
268
+ +button-large
269
+ &.has-addons
270
+ .button
271
+ &:not(:first-child)
272
+ border-bottom-left-radius: 0
273
+ border-top-left-radius: 0
274
+ &:not(:last-child)
275
+ border-bottom-right-radius: 0
276
+ border-top-right-radius: 0
277
+ margin-right: -1px
278
+ &:last-child
279
+ margin-right: 0
280
+ &:hover,
281
+ &.is-hovered
282
+ z-index: 2
283
+ &:focus,
284
+ &.is-focused,
285
+ &:active,
286
+ &.is-active,
287
+ &.is-selected
288
+ z-index: 3
289
+ &:hover
290
+ z-index: 4
291
+ &.is-expanded
292
+ flex-grow: 1
293
+ flex-shrink: 1
294
+ &.is-centered
295
+ justify-content: center
296
+ &:not(.has-addons)
297
+ .button:not(.is-fullwidth)
298
+ margin-left: 0.25rem
299
+ margin-right: 0.25rem
300
+ &.is-right
301
+ justify-content: flex-end
302
+ &:not(.has-addons)
303
+ .button:not(.is-fullwidth)
304
+ margin-left: 0.25rem
305
+ margin-right: 0.25rem
@@ -0,0 +1,23 @@
1
+ $container-offset: (2 * $gap) !default
2
+
3
+ .container
4
+ flex-grow: 1
5
+ margin: 0 auto
6
+ position: relative
7
+ width: auto
8
+ +desktop
9
+ max-width: $desktop - $container-offset
10
+ &.is-fluid
11
+ margin-left: $gap
12
+ margin-right: $gap
13
+ max-width: none
14
+ +until-widescreen
15
+ &.is-widescreen
16
+ max-width: $widescreen - $container-offset
17
+ +until-fullhd
18
+ &.is-fullhd
19
+ max-width: $fullhd - $container-offset
20
+ +widescreen
21
+ max-width: $widescreen - $container-offset
22
+ +fullhd
23
+ max-width: $fullhd - $container-offset
@@ -0,0 +1,155 @@
1
+ $content-heading-color: $text-strong !default
2
+ $content-heading-weight: $weight-semibold !default
3
+ $content-heading-line-height: 1.125 !default
4
+
5
+ $content-blockquote-background-color: $background !default
6
+ $content-blockquote-border-left: 5px solid $border !default
7
+ $content-blockquote-padding: 1.25em 1.5em !default
8
+
9
+ $content-pre-padding: 1.25em 1.5em !default
10
+
11
+ $content-table-cell-border: 1px solid $border !default
12
+ $content-table-cell-border-width: 0 0 1px !default
13
+ $content-table-cell-padding: 0.5em 0.75em !default
14
+ $content-table-cell-heading-color: $text-strong !default
15
+ $content-table-head-cell-border-width: 0 0 2px !default
16
+ $content-table-head-cell-color: $text-strong !default
17
+ $content-table-foot-cell-border-width: 2px 0 0 !default
18
+ $content-table-foot-cell-color: $text-strong !default
19
+
20
+ .content
21
+ @extend %block
22
+ // Inline
23
+ li + li
24
+ margin-top: 0.25em
25
+ // Block
26
+ p,
27
+ dl,
28
+ ol,
29
+ ul,
30
+ blockquote,
31
+ pre,
32
+ table
33
+ &:not(:last-child)
34
+ margin-bottom: 1em
35
+ h1,
36
+ h2,
37
+ h3,
38
+ h4,
39
+ h5,
40
+ h6
41
+ color: $content-heading-color
42
+ font-weight: $content-heading-weight
43
+ line-height: $content-heading-line-height
44
+ h1
45
+ font-size: 2em
46
+ margin-bottom: 0.5em
47
+ &:not(:first-child)
48
+ margin-top: 1em
49
+ h2
50
+ font-size: 1.75em
51
+ margin-bottom: 0.5714em
52
+ &:not(:first-child)
53
+ margin-top: 1.1428em
54
+ h3
55
+ font-size: 1.5em
56
+ margin-bottom: 0.6666em
57
+ &:not(:first-child)
58
+ margin-top: 1.3333em
59
+ h4
60
+ font-size: 1.25em
61
+ margin-bottom: 0.8em
62
+ h5
63
+ font-size: 1.125em
64
+ margin-bottom: 0.8888em
65
+ h6
66
+ font-size: 1em
67
+ margin-bottom: 1em
68
+ blockquote
69
+ background-color: $content-blockquote-background-color
70
+ border-left: $content-blockquote-border-left
71
+ padding: $content-blockquote-padding
72
+ ol
73
+ list-style-position: outside
74
+ margin-left: 2em
75
+ margin-top: 1em
76
+ &:not([type])
77
+ list-style-type: decimal
78
+ &.is-lower-alpha
79
+ list-style-type: lower-alpha
80
+ &.is-lower-roman
81
+ list-style-type: lower-roman
82
+ &.is-upper-alpha
83
+ list-style-type: upper-alpha
84
+ &.is-upper-roman
85
+ list-style-type: upper-roman
86
+ ul
87
+ list-style: disc outside
88
+ margin-left: 2em
89
+ margin-top: 1em
90
+ ul
91
+ list-style-type: circle
92
+ margin-top: 0.5em
93
+ ul
94
+ list-style-type: square
95
+ dd
96
+ margin-left: 2em
97
+ figure
98
+ margin-left: 2em
99
+ margin-right: 2em
100
+ text-align: center
101
+ &:not(:first-child)
102
+ margin-top: 2em
103
+ &:not(:last-child)
104
+ margin-bottom: 2em
105
+ img
106
+ display: inline-block
107
+ figcaption
108
+ font-style: italic
109
+ pre
110
+ +overflow-touch
111
+ overflow-x: auto
112
+ padding: $content-pre-padding
113
+ white-space: pre
114
+ word-wrap: normal
115
+ sup,
116
+ sub
117
+ font-size: 75%
118
+ table
119
+ width: 100%
120
+ td,
121
+ th
122
+ border: $content-table-cell-border
123
+ border-width: $content-table-cell-border-width
124
+ padding: $content-table-cell-padding
125
+ vertical-align: top
126
+ th
127
+ color: $content-table-cell-heading-color
128
+ &:not([align])
129
+ text-align: left
130
+ thead
131
+ td,
132
+ th
133
+ border-width: $content-table-head-cell-border-width
134
+ color: $content-table-head-cell-color
135
+ tfoot
136
+ td,
137
+ th
138
+ border-width: $content-table-foot-cell-border-width
139
+ color: $content-table-foot-cell-color
140
+ tbody
141
+ tr
142
+ &:last-child
143
+ td,
144
+ th
145
+ border-bottom-width: 0
146
+ .tabs
147
+ li + li
148
+ margin-top: 0
149
+ // Sizes
150
+ &.is-small
151
+ font-size: $size-small
152
+ &.is-medium
153
+ font-size: $size-medium
154
+ &.is-large
155
+ font-size: $size-large
@@ -0,0 +1 @@
1
+ @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
@@ -0,0 +1,21 @@
1
+ $icon-dimensions: 1.5rem !default
2
+ $icon-dimensions-small: 1rem !default
3
+ $icon-dimensions-medium: 2rem !default
4
+ $icon-dimensions-large: 3rem !default
5
+
6
+ .icon
7
+ align-items: center
8
+ display: inline-flex
9
+ justify-content: center
10
+ height: $icon-dimensions
11
+ width: $icon-dimensions
12
+ // Sizes
13
+ &.is-small
14
+ height: $icon-dimensions-small
15
+ width: $icon-dimensions-small
16
+ &.is-medium
17
+ height: $icon-dimensions-medium
18
+ width: $icon-dimensions-medium
19
+ &.is-large
20
+ height: $icon-dimensions-large
21
+ width: $icon-dimensions-large