jekyll-theme-opentoolbox 1.1.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (191) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +57 -31
  3. data/_includes/banner.html +4 -4
  4. data/_includes/callouts.html +8 -3
  5. data/_includes/contribute.html +19 -0
  6. data/_includes/credits.html +13 -0
  7. data/_includes/disqus.html +16 -16
  8. data/_includes/footer.html +6 -17
  9. data/_includes/gallery.html +24 -24
  10. data/_includes/google-analytics.html +7 -7
  11. data/_includes/header.html +11 -12
  12. data/_includes/icon.html +3 -0
  13. data/_includes/image-modal.html +18 -18
  14. data/_includes/important-message.html +5 -0
  15. data/_includes/latest-posts.html +14 -12
  16. data/_includes/menubar.html +20 -20
  17. data/_includes/notification.html +17 -16
  18. data/_includes/pagination.html +21 -23
  19. data/_includes/post-card.html +1 -1
  20. data/_includes/section-divider.html +5 -0
  21. data/_includes/showcase.html +1 -1
  22. data/_includes/simple_banner.html +11 -0
  23. data/_includes/sponsors.html +43 -41
  24. data/_includes/subscribe.html +15 -15
  25. data/_includes/tabs.html +18 -17
  26. data/_includes/tag.html +2 -2
  27. data/_includes/toc.html +82 -82
  28. data/_includes/vimeo.html +2 -2
  29. data/_includes/youtube.html +7 -7
  30. data/_layouts/base.html +2 -0
  31. data/_layouts/default.html +1 -1
  32. data/_layouts/page.html +10 -10
  33. data/_layouts/post.html +4 -2
  34. data/_layouts/resource.html +1 -1
  35. data/_sass/_external.scss +1 -0
  36. data/_sass/_layout.scss +48 -36
  37. data/_sass/_main.scss +45 -22
  38. data/_sass/_showcase.scss +12 -12
  39. data/_sass/{syntax.scss → _syntax.scss} +209 -209
  40. data/_sass/_variables.scss +125 -0
  41. data/_sass/highlight/_dark.scss +71 -0
  42. data/_sass/{_highlight.scss → highlight/_light.scss} +0 -0
  43. data/assets/css/app.scss +7 -146
  44. data/blog/index.html +4 -2
  45. data/node_modules/bulma-block-list/LICENSE.txt +21 -21
  46. data/node_modules/bulma-block-list/README.md +31 -31
  47. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  48. data/node_modules/bulma-block-list/docs/_config.yml +15 -15
  49. data/node_modules/bulma-block-list/docs/_data/menu.yaml +19 -19
  50. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +108 -108
  51. data/node_modules/bulma-block-list/docs/_sass/_main.scss +19 -19
  52. data/node_modules/bulma-block-list/docs/assets/css/app.scss +6 -6
  53. data/node_modules/bulma-block-list/docs/index.html +260 -260
  54. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -1390
  55. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -21
  56. data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -130
  57. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -9
  58. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10854 -10854
  59. data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -77
  60. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -5
  61. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -142
  62. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -281
  63. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -79
  64. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -15
  65. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -75
  66. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -79
  67. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -81
  68. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -77
  69. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +39 -39
  70. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -50
  71. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -57
  72. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -99
  73. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -113
  74. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -441
  75. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -150
  76. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -119
  77. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -151
  78. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -15
  79. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -24
  80. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -323
  81. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -24
  82. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -155
  83. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -1
  84. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -21
  85. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -71
  86. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -43
  87. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -39
  88. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -67
  89. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -127
  90. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -128
  91. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -70
  92. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -8
  93. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -21
  94. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -180
  95. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -64
  96. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -85
  97. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -55
  98. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -205
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -4
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -504
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -34
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -5
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -9
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -145
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -13
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -8
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -5
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -50
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +106 -106
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -110
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -77
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -261
  113. data/node_modules/bulma-block-list/package.json +56 -56
  114. data/node_modules/bulma-block-list/src/block-list.scss +108 -108
  115. data/node_modules/bulma-block-list/src/demo.scss +2 -2
  116. data/node_modules/bulma/CHANGELOG.md +1558 -1558
  117. data/node_modules/bulma/LICENSE +21 -21
  118. data/node_modules/bulma/README.md +134 -134
  119. data/node_modules/bulma/bulma.sass +10 -10
  120. data/node_modules/bulma/css/bulma-rtl.css +11810 -11810
  121. data/node_modules/bulma/css/bulma.css +11810 -11810
  122. data/node_modules/bulma/package.json +81 -81
  123. data/node_modules/bulma/sass/base/_all.sass +6 -6
  124. data/node_modules/bulma/sass/base/animations.sass +5 -5
  125. data/node_modules/bulma/sass/base/generic.sass +145 -145
  126. data/node_modules/bulma/sass/base/helpers.sass +1 -1
  127. data/node_modules/bulma/sass/base/minireset.sass +79 -79
  128. data/node_modules/bulma/sass/components/_all.sass +15 -15
  129. data/node_modules/bulma/sass/components/breadcrumb.sass +77 -77
  130. data/node_modules/bulma/sass/components/card.sass +103 -103
  131. data/node_modules/bulma/sass/components/dropdown.sass +83 -83
  132. data/node_modules/bulma/sass/components/level.sass +79 -79
  133. data/node_modules/bulma/sass/components/media.sass +59 -59
  134. data/node_modules/bulma/sass/components/menu.sass +59 -59
  135. data/node_modules/bulma/sass/components/message.sass +101 -101
  136. data/node_modules/bulma/sass/components/modal.sass +117 -117
  137. data/node_modules/bulma/sass/components/navbar.sass +446 -446
  138. data/node_modules/bulma/sass/components/pagination.sass +166 -166
  139. data/node_modules/bulma/sass/components/panel.sass +121 -121
  140. data/node_modules/bulma/sass/components/tabs.sass +176 -176
  141. data/node_modules/bulma/sass/elements/_all.sass +16 -16
  142. data/node_modules/bulma/sass/elements/box.sass +26 -26
  143. data/node_modules/bulma/sass/elements/button.sass +345 -345
  144. data/node_modules/bulma/sass/elements/container.sass +29 -29
  145. data/node_modules/bulma/sass/elements/content.sass +159 -159
  146. data/node_modules/bulma/sass/elements/form.sass +1 -1
  147. data/node_modules/bulma/sass/elements/icon.sass +46 -46
  148. data/node_modules/bulma/sass/elements/image.sass +73 -73
  149. data/node_modules/bulma/sass/elements/notification.sass +52 -52
  150. data/node_modules/bulma/sass/elements/other.sass +31 -31
  151. data/node_modules/bulma/sass/elements/progress.sass +73 -73
  152. data/node_modules/bulma/sass/elements/table.sass +133 -133
  153. data/node_modules/bulma/sass/elements/tag.sass +140 -140
  154. data/node_modules/bulma/sass/elements/title.sass +70 -70
  155. data/node_modules/bulma/sass/form/_all.sass +9 -9
  156. data/node_modules/bulma/sass/form/checkbox-radio.sass +22 -22
  157. data/node_modules/bulma/sass/form/file.sass +184 -184
  158. data/node_modules/bulma/sass/form/input-textarea.sass +66 -66
  159. data/node_modules/bulma/sass/form/select.sass +87 -87
  160. data/node_modules/bulma/sass/form/shared.sass +60 -60
  161. data/node_modules/bulma/sass/form/tools.sass +215 -215
  162. data/node_modules/bulma/sass/grid/_all.sass +5 -5
  163. data/node_modules/bulma/sass/grid/columns.sass +513 -513
  164. data/node_modules/bulma/sass/grid/tiles.sass +36 -36
  165. data/node_modules/bulma/sass/helpers/_all.sass +12 -12
  166. data/node_modules/bulma/sass/helpers/color.sass +39 -39
  167. data/node_modules/bulma/sass/helpers/flexbox.sass +35 -35
  168. data/node_modules/bulma/sass/helpers/float.sass +10 -10
  169. data/node_modules/bulma/sass/helpers/other.sass +14 -14
  170. data/node_modules/bulma/sass/helpers/overflow.sass +2 -2
  171. data/node_modules/bulma/sass/helpers/position.sass +7 -7
  172. data/node_modules/bulma/sass/helpers/spacing.sass +31 -31
  173. data/node_modules/bulma/sass/helpers/typography.sass +103 -103
  174. data/node_modules/bulma/sass/helpers/visibility.sass +122 -122
  175. data/node_modules/bulma/sass/layout/_all.sass +6 -6
  176. data/node_modules/bulma/sass/layout/footer.sass +11 -11
  177. data/node_modules/bulma/sass/layout/hero.sass +153 -153
  178. data/node_modules/bulma/sass/layout/section.sass +17 -17
  179. data/node_modules/bulma/sass/utilities/_all.sass +9 -9
  180. data/node_modules/bulma/sass/utilities/animations.sass +1 -1
  181. data/node_modules/bulma/sass/utilities/controls.sass +49 -49
  182. data/node_modules/bulma/sass/utilities/derived-variables.sass +114 -114
  183. data/node_modules/bulma/sass/utilities/extends.sass +25 -25
  184. data/node_modules/bulma/sass/utilities/functions.sass +136 -136
  185. data/node_modules/bulma/sass/utilities/initial-variables.sass +78 -78
  186. data/node_modules/bulma/sass/utilities/mixins.sass +280 -280
  187. data/package-lock.json +28 -28
  188. data/package.json +20 -20
  189. metadata +14 -7
  190. data/_includes/hero.html +0 -11
  191. data/_includes/join.html +0 -30
data/node_modules/bulma/sass/grid/_all.sass CHANGED
@@ -1,5 +1,5 @@
1
- /* Bulma Grid */
2
- @charset "utf-8"
3
-
4
- @import "columns"
5
- @import "tiles"
1
+ /* Bulma Grid */
2
+ @charset "utf-8"
3
+
4
+ @import "columns"
5
+ @import "tiles"
data/node_modules/bulma/sass/grid/columns.sass CHANGED
@@ -1,513 +1,513 @@
1
- @import "../utilities/mixins"
2
-
3
- $column-gap: 0.75rem !default
4
-
5
- .column
6
- display: block
7
- flex-basis: 0
8
- flex-grow: 1
9
- flex-shrink: 1
10
- padding: $column-gap
11
- .columns.is-mobile > &.is-narrow
12
- flex: none
13
- width: unset
14
- .columns.is-mobile > &.is-full
15
- flex: none
16
- width: 100%
17
- .columns.is-mobile > &.is-three-quarters
18
- flex: none
19
- width: 75%
20
- .columns.is-mobile > &.is-two-thirds
21
- flex: none
22
- width: 66.6666%
23
- .columns.is-mobile > &.is-half
24
- flex: none
25
- width: 50%
26
- .columns.is-mobile > &.is-one-third
27
- flex: none
28
- width: 33.3333%
29
- .columns.is-mobile > &.is-one-quarter
30
- flex: none
31
- width: 25%
32
- .columns.is-mobile > &.is-one-fifth
33
- flex: none
34
- width: 20%
35
- .columns.is-mobile > &.is-two-fifths
36
- flex: none
37
- width: 40%
38
- .columns.is-mobile > &.is-three-fifths
39
- flex: none
40
- width: 60%
41
- .columns.is-mobile > &.is-four-fifths
42
- flex: none
43
- width: 80%
44
- .columns.is-mobile > &.is-offset-three-quarters
45
- +ltr-property("margin", 75%, false)
46
- .columns.is-mobile > &.is-offset-two-thirds
47
- +ltr-property("margin", 66.6666%, false)
48
- .columns.is-mobile > &.is-offset-half
49
- +ltr-property("margin", 50%, false)
50
- .columns.is-mobile > &.is-offset-one-third
51
- +ltr-property("margin", 33.3333%, false)
52
- .columns.is-mobile > &.is-offset-one-quarter
53
- +ltr-property("margin", 25%, false)
54
- .columns.is-mobile > &.is-offset-one-fifth
55
- +ltr-property("margin", 20%, false)
56
- .columns.is-mobile > &.is-offset-two-fifths
57
- +ltr-property("margin", 40%, false)
58
- .columns.is-mobile > &.is-offset-three-fifths
59
- +ltr-property("margin", 60%, false)
60
- .columns.is-mobile > &.is-offset-four-fifths
61
- +ltr-property("margin", 80%, false)
62
- @for $i from 0 through 12
63
- .columns.is-mobile > &.is-#{$i}
64
- flex: none
65
- width: percentage(divide($i, 12))
66
- .columns.is-mobile > &.is-offset-#{$i}
67
- +ltr-property("margin", percentage(divide($i, 12)), false)
68
- +mobile
69
- &.is-narrow-mobile
70
- flex: none
71
- width: unset
72
- &.is-full-mobile
73
- flex: none
74
- width: 100%
75
- &.is-three-quarters-mobile
76
- flex: none
77
- width: 75%
78
- &.is-two-thirds-mobile
79
- flex: none
80
- width: 66.6666%
81
- &.is-half-mobile
82
- flex: none
83
- width: 50%
84
- &.is-one-third-mobile
85
- flex: none
86
- width: 33.3333%
87
- &.is-one-quarter-mobile
88
- flex: none
89
- width: 25%
90
- &.is-one-fifth-mobile
91
- flex: none
92
- width: 20%
93
- &.is-two-fifths-mobile
94
- flex: none
95
- width: 40%
96
- &.is-three-fifths-mobile
97
- flex: none
98
- width: 60%
99
- &.is-four-fifths-mobile
100
- flex: none
101
- width: 80%
102
- &.is-offset-three-quarters-mobile
103
- +ltr-property("margin", 75%, false)
104
- &.is-offset-two-thirds-mobile
105
- +ltr-property("margin", 66.6666%, false)
106
- &.is-offset-half-mobile
107
- +ltr-property("margin", 50%, false)
108
- &.is-offset-one-third-mobile
109
- +ltr-property("margin", 33.3333%, false)
110
- &.is-offset-one-quarter-mobile
111
- +ltr-property("margin", 25%, false)
112
- &.is-offset-one-fifth-mobile
113
- +ltr-property("margin", 20%, false)
114
- &.is-offset-two-fifths-mobile
115
- +ltr-property("margin", 40%, false)
116
- &.is-offset-three-fifths-mobile
117
- +ltr-property("margin", 60%, false)
118
- &.is-offset-four-fifths-mobile
119
- +ltr-property("margin", 80%, false)
120
- @for $i from 0 through 12
121
- &.is-#{$i}-mobile
122
- flex: none
123
- width: percentage(divide($i, 12))
124
- &.is-offset-#{$i}-mobile
125
- +ltr-property("margin", percentage(divide($i, 12)), false)
126
- +tablet
127
- &.is-narrow,
128
- &.is-narrow-tablet
129
- flex: none
130
- width: unset
131
- &.is-full,
132
- &.is-full-tablet
133
- flex: none
134
- width: 100%
135
- &.is-three-quarters,
136
- &.is-three-quarters-tablet
137
- flex: none
138
- width: 75%
139
- &.is-two-thirds,
140
- &.is-two-thirds-tablet
141
- flex: none
142
- width: 66.6666%
143
- &.is-half,
144
- &.is-half-tablet
145
- flex: none
146
- width: 50%
147
- &.is-one-third,
148
- &.is-one-third-tablet
149
- flex: none
150
- width: 33.3333%
151
- &.is-one-quarter,
152
- &.is-one-quarter-tablet
153
- flex: none
154
- width: 25%
155
- &.is-one-fifth,
156
- &.is-one-fifth-tablet
157
- flex: none
158
- width: 20%
159
- &.is-two-fifths,
160
- &.is-two-fifths-tablet
161
- flex: none
162
- width: 40%
163
- &.is-three-fifths,
164
- &.is-three-fifths-tablet
165
- flex: none
166
- width: 60%
167
- &.is-four-fifths,
168
- &.is-four-fifths-tablet
169
- flex: none
170
- width: 80%
171
- &.is-offset-three-quarters,
172
- &.is-offset-three-quarters-tablet
173
- +ltr-property("margin", 75%, false)
174
- &.is-offset-two-thirds,
175
- &.is-offset-two-thirds-tablet
176
- +ltr-property("margin", 66.6666%, false)
177
- &.is-offset-half,
178
- &.is-offset-half-tablet
179
- +ltr-property("margin", 50%, false)
180
- &.is-offset-one-third,
181
- &.is-offset-one-third-tablet
182
- +ltr-property("margin", 33.3333%, false)
183
- &.is-offset-one-quarter,
184
- &.is-offset-one-quarter-tablet
185
- +ltr-property("margin", 25%, false)
186
- &.is-offset-one-fifth,
187
- &.is-offset-one-fifth-tablet
188
- +ltr-property("margin", 20%, false)
189
- &.is-offset-two-fifths,
190
- &.is-offset-two-fifths-tablet
191
- +ltr-property("margin", 40%, false)
192
- &.is-offset-three-fifths,
193
- &.is-offset-three-fifths-tablet
194
- +ltr-property("margin", 60%, false)
195
- &.is-offset-four-fifths,
196
- &.is-offset-four-fifths-tablet
197
- +ltr-property("margin", 80%, false)
198
- @for $i from 0 through 12
199
- &.is-#{$i},
200
- &.is-#{$i}-tablet
201
- flex: none
202
- width: percentage(divide($i, 12))
203
- &.is-offset-#{$i},
204
- &.is-offset-#{$i}-tablet
205
- +ltr-property("margin", percentage(divide($i, 12)), false)
206
- +touch
207
- &.is-narrow-touch
208
- flex: none
209
- width: unset
210
- &.is-full-touch
211
- flex: none
212
- width: 100%
213
- &.is-three-quarters-touch
214
- flex: none
215
- width: 75%
216
- &.is-two-thirds-touch
217
- flex: none
218
- width: 66.6666%
219
- &.is-half-touch
220
- flex: none
221
- width: 50%
222
- &.is-one-third-touch
223
- flex: none
224
- width: 33.3333%
225
- &.is-one-quarter-touch
226
- flex: none
227
- width: 25%
228
- &.is-one-fifth-touch
229
- flex: none
230
- width: 20%
231
- &.is-two-fifths-touch
232
- flex: none
233
- width: 40%
234
- &.is-three-fifths-touch
235
- flex: none
236
- width: 60%
237
- &.is-four-fifths-touch
238
- flex: none
239
- width: 80%
240
- &.is-offset-three-quarters-touch
241
- +ltr-property("margin", 75%, false)
242
- &.is-offset-two-thirds-touch
243
- +ltr-property("margin", 66.6666%, false)
244
- &.is-offset-half-touch
245
- +ltr-property("margin", 50%, false)
246
- &.is-offset-one-third-touch
247
- +ltr-property("margin", 33.3333%, false)
248
- &.is-offset-one-quarter-touch
249
- +ltr-property("margin", 25%, false)
250
- &.is-offset-one-fifth-touch
251
- +ltr-property("margin", 20%, false)
252
- &.is-offset-two-fifths-touch
253
- +ltr-property("margin", 40%, false)
254
- &.is-offset-three-fifths-touch
255
- +ltr-property("margin", 60%, false)
256
- &.is-offset-four-fifths-touch
257
- +ltr-property("margin", 80%, false)
258
- @for $i from 0 through 12
259
- &.is-#{$i}-touch
260
- flex: none
261
- width: percentage(divide($i, 12))
262
- &.is-offset-#{$i}-touch
263
- +ltr-property("margin", percentage(divide($i, 12)), false)
264
- +desktop
265
- &.is-narrow-desktop
266
- flex: none
267
- width: unset
268
- &.is-full-desktop
269
- flex: none
270
- width: 100%
271
- &.is-three-quarters-desktop
272
- flex: none
273
- width: 75%
274
- &.is-two-thirds-desktop
275
- flex: none
276
- width: 66.6666%
277
- &.is-half-desktop
278
- flex: none
279
- width: 50%
280
- &.is-one-third-desktop
281
- flex: none
282
- width: 33.3333%
283
- &.is-one-quarter-desktop
284
- flex: none
285
- width: 25%
286
- &.is-one-fifth-desktop
287
- flex: none
288
- width: 20%
289
- &.is-two-fifths-desktop
290
- flex: none
291
- width: 40%
292
- &.is-three-fifths-desktop
293
- flex: none
294
- width: 60%
295
- &.is-four-fifths-desktop
296
- flex: none
297
- width: 80%
298
- &.is-offset-three-quarters-desktop
299
- +ltr-property("margin", 75%, false)
300
- &.is-offset-two-thirds-desktop
301
- +ltr-property("margin", 66.6666%, false)
302
- &.is-offset-half-desktop
303
- +ltr-property("margin", 50%, false)
304
- &.is-offset-one-third-desktop
305
- +ltr-property("margin", 33.3333%, false)
306
- &.is-offset-one-quarter-desktop
307
- +ltr-property("margin", 25%, false)
308
- &.is-offset-one-fifth-desktop
309
- +ltr-property("margin", 20%, false)
310
- &.is-offset-two-fifths-desktop
311
- +ltr-property("margin", 40%, false)
312
- &.is-offset-three-fifths-desktop
313
- +ltr-property("margin", 60%, false)
314
- &.is-offset-four-fifths-desktop
315
- +ltr-property("margin", 80%, false)
316
- @for $i from 0 through 12
317
- &.is-#{$i}-desktop
318
- flex: none
319
- width: percentage(divide($i, 12))
320
- &.is-offset-#{$i}-desktop
321
- +ltr-property("margin", percentage(divide($i, 12)), false)
322
- +widescreen
323
- &.is-narrow-widescreen
324
- flex: none
325
- width: unset
326
- &.is-full-widescreen
327
- flex: none
328
- width: 100%
329
- &.is-three-quarters-widescreen
330
- flex: none
331
- width: 75%
332
- &.is-two-thirds-widescreen
333
- flex: none
334
- width: 66.6666%
335
- &.is-half-widescreen
336
- flex: none
337
- width: 50%
338
- &.is-one-third-widescreen
339
- flex: none
340
- width: 33.3333%
341
- &.is-one-quarter-widescreen
342
- flex: none
343
- width: 25%
344
- &.is-one-fifth-widescreen
345
- flex: none
346
- width: 20%
347
- &.is-two-fifths-widescreen
348
- flex: none
349
- width: 40%
350
- &.is-three-fifths-widescreen
351
- flex: none
352
- width: 60%
353
- &.is-four-fifths-widescreen
354
- flex: none
355
- width: 80%
356
- &.is-offset-three-quarters-widescreen
357
- +ltr-property("margin", 75%, false)
358
- &.is-offset-two-thirds-widescreen
359
- +ltr-property("margin", 66.6666%, false)
360
- &.is-offset-half-widescreen
361
- +ltr-property("margin", 50%, false)
362
- &.is-offset-one-third-widescreen
363
- +ltr-property("margin", 33.3333%, false)
364
- &.is-offset-one-quarter-widescreen
365
- +ltr-property("margin", 25%, false)
366
- &.is-offset-one-fifth-widescreen
367
- +ltr-property("margin", 20%, false)
368
- &.is-offset-two-fifths-widescreen
369
- +ltr-property("margin", 40%, false)
370
- &.is-offset-three-fifths-widescreen
371
- +ltr-property("margin", 60%, false)
372
- &.is-offset-four-fifths-widescreen
373
- +ltr-property("margin", 80%, false)
374
- @for $i from 0 through 12
375
- &.is-#{$i}-widescreen
376
- flex: none
377
- width: percentage(divide($i, 12))
378
- &.is-offset-#{$i}-widescreen
379
- +ltr-property("margin", percentage(divide($i, 12)), false)
380
- +fullhd
381
- &.is-narrow-fullhd
382
- flex: none
383
- width: unset
384
- &.is-full-fullhd
385
- flex: none
386
- width: 100%
387
- &.is-three-quarters-fullhd
388
- flex: none
389
- width: 75%
390
- &.is-two-thirds-fullhd
391
- flex: none
392
- width: 66.6666%
393
- &.is-half-fullhd
394
- flex: none
395
- width: 50%
396
- &.is-one-third-fullhd
397
- flex: none
398
- width: 33.3333%
399
- &.is-one-quarter-fullhd
400
- flex: none
401
- width: 25%
402
- &.is-one-fifth-fullhd
403
- flex: none
404
- width: 20%
405
- &.is-two-fifths-fullhd
406
- flex: none
407
- width: 40%
408
- &.is-three-fifths-fullhd
409
- flex: none
410
- width: 60%
411
- &.is-four-fifths-fullhd
412
- flex: none
413
- width: 80%
414
- &.is-offset-three-quarters-fullhd
415
- +ltr-property("margin", 75%, false)
416
- &.is-offset-two-thirds-fullhd
417
- +ltr-property("margin", 66.6666%, false)
418
- &.is-offset-half-fullhd
419
- +ltr-property("margin", 50%, false)
420
- &.is-offset-one-third-fullhd
421
- +ltr-property("margin", 33.3333%, false)
422
- &.is-offset-one-quarter-fullhd
423
- +ltr-property("margin", 25%, false)
424
- &.is-offset-one-fifth-fullhd
425
- +ltr-property("margin", 20%, false)
426
- &.is-offset-two-fifths-fullhd
427
- +ltr-property("margin", 40%, false)
428
- &.is-offset-three-fifths-fullhd
429
- +ltr-property("margin", 60%, false)
430
- &.is-offset-four-fifths-fullhd
431
- +ltr-property("margin", 80%, false)
432
- @for $i from 0 through 12
433
- &.is-#{$i}-fullhd
434
- flex: none
435
- width: percentage(divide($i, 12))
436
- &.is-offset-#{$i}-fullhd
437
- +ltr-property("margin", percentage(divide($i, 12)), false)
438
-
439
- .columns
440
- +ltr-property("margin", (-$column-gap), false)
441
- +ltr-property("margin", (-$column-gap))
442
- margin-top: (-$column-gap)
443
- &:last-child
444
- margin-bottom: (-$column-gap)
445
- &:not(:last-child)
446
- margin-bottom: calc(1.5rem - #{$column-gap})
447
- // Modifiers
448
- &.is-centered
449
- justify-content: center
450
- &.is-gapless
451
- +ltr-property("margin", 0, false)
452
- +ltr-property("margin", 0)
453
- margin-top: 0
454
- & > .column
455
- margin: 0
456
- padding: 0 !important
457
- &:not(:last-child)
458
- margin-bottom: 1.5rem
459
- &:last-child
460
- margin-bottom: 0
461
- &.is-mobile
462
- display: flex
463
- &.is-multiline
464
- flex-wrap: wrap
465
- &.is-vcentered
466
- align-items: center
467
- // Responsiveness
468
- +tablet
469
- &:not(.is-desktop)
470
- display: flex
471
- +desktop
472
- // Modifiers
473
- &.is-desktop
474
- display: flex
475
-
476
- @if $variable-columns
477
- .columns.is-variable
478
- --columnGap: 0.75rem
479
- +ltr-property("margin", calc(-1 * var(--columnGap)), false)
480
- +ltr-property("margin", calc(-1 * var(--columnGap)))
481
- > .column
482
- padding-left: var(--columnGap)
483
- padding-right: var(--columnGap)
484
- @for $i from 0 through 8
485
- &.is-#{$i}
486
- --columnGap: #{$i * 0.25rem}
487
- +mobile
488
- &.is-#{$i}-mobile
489
- --columnGap: #{$i * 0.25rem}
490
- +tablet
491
- &.is-#{$i}-tablet
492
- --columnGap: #{$i * 0.25rem}
493
- +tablet-only
494
- &.is-#{$i}-tablet-only
495
- --columnGap: #{$i * 0.25rem}
496
- +touch
497
- &.is-#{$i}-touch
498
- --columnGap: #{$i * 0.25rem}
499
- +desktop
500
- &.is-#{$i}-desktop
501
- --columnGap: #{$i * 0.25rem}
502
- +desktop-only
503
- &.is-#{$i}-desktop-only
504
- --columnGap: #{$i * 0.25rem}
505
- +widescreen
506
- &.is-#{$i}-widescreen
507
- --columnGap: #{$i * 0.25rem}
508
- +widescreen-only
509
- &.is-#{$i}-widescreen-only
510
- --columnGap: #{$i * 0.25rem}
511
- +fullhd
512
- &.is-#{$i}-fullhd
513
- --columnGap: #{$i * 0.25rem}
1
+ @import "../utilities/mixins"
2
+
3
+ $column-gap: 0.75rem !default
4
+
5
+ .column
6
+ display: block
7
+ flex-basis: 0
8
+ flex-grow: 1
9
+ flex-shrink: 1
10
+ padding: $column-gap
11
+ .columns.is-mobile > &.is-narrow
12
+ flex: none
13
+ width: unset
14
+ .columns.is-mobile > &.is-full
15
+ flex: none
16
+ width: 100%
17
+ .columns.is-mobile > &.is-three-quarters
18
+ flex: none
19
+ width: 75%
20
+ .columns.is-mobile > &.is-two-thirds
21
+ flex: none
22
+ width: 66.6666%
23
+ .columns.is-mobile > &.is-half
24
+ flex: none
25
+ width: 50%
26
+ .columns.is-mobile > &.is-one-third
27
+ flex: none
28
+ width: 33.3333%
29
+ .columns.is-mobile > &.is-one-quarter
30
+ flex: none
31
+ width: 25%
32
+ .columns.is-mobile > &.is-one-fifth
33
+ flex: none
34
+ width: 20%
35
+ .columns.is-mobile > &.is-two-fifths
36
+ flex: none
37
+ width: 40%
38
+ .columns.is-mobile > &.is-three-fifths
39
+ flex: none
40
+ width: 60%
41
+ .columns.is-mobile > &.is-four-fifths
42
+ flex: none
43
+ width: 80%
44
+ .columns.is-mobile > &.is-offset-three-quarters
45
+ +ltr-property("margin", 75%, false)
46
+ .columns.is-mobile > &.is-offset-two-thirds
47
+ +ltr-property("margin", 66.6666%, false)
48
+ .columns.is-mobile > &.is-offset-half
49
+ +ltr-property("margin", 50%, false)
50
+ .columns.is-mobile > &.is-offset-one-third
51
+ +ltr-property("margin", 33.3333%, false)
52
+ .columns.is-mobile > &.is-offset-one-quarter
53
+ +ltr-property("margin", 25%, false)
54
+ .columns.is-mobile > &.is-offset-one-fifth
55
+ +ltr-property("margin", 20%, false)
56
+ .columns.is-mobile > &.is-offset-two-fifths
57
+ +ltr-property("margin", 40%, false)
58
+ .columns.is-mobile > &.is-offset-three-fifths
59
+ +ltr-property("margin", 60%, false)
60
+ .columns.is-mobile > &.is-offset-four-fifths
61
+ +ltr-property("margin", 80%, false)
62
+ @for $i from 0 through 12
63
+ .columns.is-mobile > &.is-#{$i}
64
+ flex: none
65
+ width: percentage(divide($i, 12))
66
+ .columns.is-mobile > &.is-offset-#{$i}
67
+ +ltr-property("margin", percentage(divide($i, 12)), false)
68
+ +mobile
69
+ &.is-narrow-mobile
70
+ flex: none
71
+ width: unset
72
+ &.is-full-mobile
73
+ flex: none
74
+ width: 100%
75
+ &.is-three-quarters-mobile
76
+ flex: none
77
+ width: 75%
78
+ &.is-two-thirds-mobile
79
+ flex: none
80
+ width: 66.6666%
81
+ &.is-half-mobile
82
+ flex: none
83
+ width: 50%
84
+ &.is-one-third-mobile
85
+ flex: none
86
+ width: 33.3333%
87
+ &.is-one-quarter-mobile
88
+ flex: none
89
+ width: 25%
90
+ &.is-one-fifth-mobile
91
+ flex: none
92
+ width: 20%
93
+ &.is-two-fifths-mobile
94
+ flex: none
95
+ width: 40%
96
+ &.is-three-fifths-mobile
97
+ flex: none
98
+ width: 60%
99
+ &.is-four-fifths-mobile
100
+ flex: none
101
+ width: 80%
102
+ &.is-offset-three-quarters-mobile
103
+ +ltr-property("margin", 75%, false)
104
+ &.is-offset-two-thirds-mobile
105
+ +ltr-property("margin", 66.6666%, false)
106
+ &.is-offset-half-mobile
107
+ +ltr-property("margin", 50%, false)
108
+ &.is-offset-one-third-mobile
109
+ +ltr-property("margin", 33.3333%, false)
110
+ &.is-offset-one-quarter-mobile
111
+ +ltr-property("margin", 25%, false)
112
+ &.is-offset-one-fifth-mobile
113
+ +ltr-property("margin", 20%, false)
114
+ &.is-offset-two-fifths-mobile
115
+ +ltr-property("margin", 40%, false)
116
+ &.is-offset-three-fifths-mobile
117
+ +ltr-property("margin", 60%, false)
118
+ &.is-offset-four-fifths-mobile
119
+ +ltr-property("margin", 80%, false)
120
+ @for $i from 0 through 12
121
+ &.is-#{$i}-mobile
122
+ flex: none
123
+ width: percentage(divide($i, 12))
124
+ &.is-offset-#{$i}-mobile
125
+ +ltr-property("margin", percentage(divide($i, 12)), false)
126
+ +tablet
127
+ &.is-narrow,
128
+ &.is-narrow-tablet
129
+ flex: none
130
+ width: unset
131
+ &.is-full,
132
+ &.is-full-tablet
133
+ flex: none
134
+ width: 100%
135
+ &.is-three-quarters,
136
+ &.is-three-quarters-tablet
137
+ flex: none
138
+ width: 75%
139
+ &.is-two-thirds,
140
+ &.is-two-thirds-tablet
141
+ flex: none
142
+ width: 66.6666%
143
+ &.is-half,
144
+ &.is-half-tablet
145
+ flex: none
146
+ width: 50%
147
+ &.is-one-third,
148
+ &.is-one-third-tablet
149
+ flex: none
150
+ width: 33.3333%
151
+ &.is-one-quarter,
152
+ &.is-one-quarter-tablet
153
+ flex: none
154
+ width: 25%
155
+ &.is-one-fifth,
156
+ &.is-one-fifth-tablet
157
+ flex: none
158
+ width: 20%
159
+ &.is-two-fifths,
160
+ &.is-two-fifths-tablet
161
+ flex: none
162
+ width: 40%
163
+ &.is-three-fifths,
164
+ &.is-three-fifths-tablet
165
+ flex: none
166
+ width: 60%
167
+ &.is-four-fifths,
168
+ &.is-four-fifths-tablet
169
+ flex: none
170
+ width: 80%
171
+ &.is-offset-three-quarters,
172
+ &.is-offset-three-quarters-tablet
173
+ +ltr-property("margin", 75%, false)
174
+ &.is-offset-two-thirds,
175
+ &.is-offset-two-thirds-tablet
176
+ +ltr-property("margin", 66.6666%, false)
177
+ &.is-offset-half,
178
+ &.is-offset-half-tablet
179
+ +ltr-property("margin", 50%, false)
180
+ &.is-offset-one-third,
181
+ &.is-offset-one-third-tablet
182
+ +ltr-property("margin", 33.3333%, false)
183
+ &.is-offset-one-quarter,
184
+ &.is-offset-one-quarter-tablet
185
+ +ltr-property("margin", 25%, false)
186
+ &.is-offset-one-fifth,
187
+ &.is-offset-one-fifth-tablet
188
+ +ltr-property("margin", 20%, false)
189
+ &.is-offset-two-fifths,
190
+ &.is-offset-two-fifths-tablet
191
+ +ltr-property("margin", 40%, false)
192
+ &.is-offset-three-fifths,
193
+ &.is-offset-three-fifths-tablet
194
+ +ltr-property("margin", 60%, false)
195
+ &.is-offset-four-fifths,
196
+ &.is-offset-four-fifths-tablet
197
+ +ltr-property("margin", 80%, false)
198
+ @for $i from 0 through 12
199
+ &.is-#{$i},
200
+ &.is-#{$i}-tablet
201
+ flex: none
202
+ width: percentage(divide($i, 12))
203
+ &.is-offset-#{$i},
204
+ &.is-offset-#{$i}-tablet
205
+ +ltr-property("margin", percentage(divide($i, 12)), false)
206
+ +touch
207
+ &.is-narrow-touch
208
+ flex: none
209
+ width: unset
210
+ &.is-full-touch
211
+ flex: none
212
+ width: 100%
213
+ &.is-three-quarters-touch
214
+ flex: none
215
+ width: 75%
216
+ &.is-two-thirds-touch
217
+ flex: none
218
+ width: 66.6666%
219
+ &.is-half-touch
220
+ flex: none
221
+ width: 50%
222
+ &.is-one-third-touch
223
+ flex: none
224
+ width: 33.3333%
225
+ &.is-one-quarter-touch
226
+ flex: none
227
+ width: 25%
228
+ &.is-one-fifth-touch
229
+ flex: none
230
+ width: 20%
231
+ &.is-two-fifths-touch
232
+ flex: none
233
+ width: 40%
234
+ &.is-three-fifths-touch
235
+ flex: none
236
+ width: 60%
237
+ &.is-four-fifths-touch
238
+ flex: none
239
+ width: 80%
240
+ &.is-offset-three-quarters-touch
241
+ +ltr-property("margin", 75%, false)
242
+ &.is-offset-two-thirds-touch
243
+ +ltr-property("margin", 66.6666%, false)
244
+ &.is-offset-half-touch
245
+ +ltr-property("margin", 50%, false)
246
+ &.is-offset-one-third-touch
247
+ +ltr-property("margin", 33.3333%, false)
248
+ &.is-offset-one-quarter-touch
249
+ +ltr-property("margin", 25%, false)
250
+ &.is-offset-one-fifth-touch
251
+ +ltr-property("margin", 20%, false)
252
+ &.is-offset-two-fifths-touch
253
+ +ltr-property("margin", 40%, false)
254
+ &.is-offset-three-fifths-touch
255
+ +ltr-property("margin", 60%, false)
256
+ &.is-offset-four-fifths-touch
257
+ +ltr-property("margin", 80%, false)
258
+ @for $i from 0 through 12
259
+ &.is-#{$i}-touch
260
+ flex: none
261
+ width: percentage(divide($i, 12))
262
+ &.is-offset-#{$i}-touch
263
+ +ltr-property("margin", percentage(divide($i, 12)), false)
264
+ +desktop
265
+ &.is-narrow-desktop
266
+ flex: none
267
+ width: unset
268
+ &.is-full-desktop
269
+ flex: none
270
+ width: 100%
271
+ &.is-three-quarters-desktop
272
+ flex: none
273
+ width: 75%
274
+ &.is-two-thirds-desktop
275
+ flex: none
276
+ width: 66.6666%
277
+ &.is-half-desktop
278
+ flex: none
279
+ width: 50%
280
+ &.is-one-third-desktop
281
+ flex: none
282
+ width: 33.3333%
283
+ &.is-one-quarter-desktop
284
+ flex: none
285
+ width: 25%
286
+ &.is-one-fifth-desktop
287
+ flex: none
288
+ width: 20%
289
+ &.is-two-fifths-desktop
290
+ flex: none
291
+ width: 40%
292
+ &.is-three-fifths-desktop
293
+ flex: none
294
+ width: 60%
295
+ &.is-four-fifths-desktop
296
+ flex: none
297
+ width: 80%
298
+ &.is-offset-three-quarters-desktop
299
+ +ltr-property("margin", 75%, false)
300
+ &.is-offset-two-thirds-desktop
301
+ +ltr-property("margin", 66.6666%, false)
302
+ &.is-offset-half-desktop
303
+ +ltr-property("margin", 50%, false)
304
+ &.is-offset-one-third-desktop
305
+ +ltr-property("margin", 33.3333%, false)
306
+ &.is-offset-one-quarter-desktop
307
+ +ltr-property("margin", 25%, false)
308
+ &.is-offset-one-fifth-desktop
309
+ +ltr-property("margin", 20%, false)
310
+ &.is-offset-two-fifths-desktop
311
+ +ltr-property("margin", 40%, false)
312
+ &.is-offset-three-fifths-desktop
313
+ +ltr-property("margin", 60%, false)
314
+ &.is-offset-four-fifths-desktop
315
+ +ltr-property("margin", 80%, false)
316
+ @for $i from 0 through 12
317
+ &.is-#{$i}-desktop
318
+ flex: none
319
+ width: percentage(divide($i, 12))
320
+ &.is-offset-#{$i}-desktop
321
+ +ltr-property("margin", percentage(divide($i, 12)), false)
322
+ +widescreen
323
+ &.is-narrow-widescreen
324
+ flex: none
325
+ width: unset
326
+ &.is-full-widescreen
327
+ flex: none
328
+ width: 100%
329
+ &.is-three-quarters-widescreen
330
+ flex: none
331
+ width: 75%
332
+ &.is-two-thirds-widescreen
333
+ flex: none
334
+ width: 66.6666%
335
+ &.is-half-widescreen
336
+ flex: none
337
+ width: 50%
338
+ &.is-one-third-widescreen
339
+ flex: none
340
+ width: 33.3333%
341
+ &.is-one-quarter-widescreen
342
+ flex: none
343
+ width: 25%
344
+ &.is-one-fifth-widescreen
345
+ flex: none
346
+ width: 20%
347
+ &.is-two-fifths-widescreen
348
+ flex: none
349
+ width: 40%
350
+ &.is-three-fifths-widescreen
351
+ flex: none
352
+ width: 60%
353
+ &.is-four-fifths-widescreen
354
+ flex: none
355
+ width: 80%
356
+ &.is-offset-three-quarters-widescreen
357
+ +ltr-property("margin", 75%, false)
358
+ &.is-offset-two-thirds-widescreen
359
+ +ltr-property("margin", 66.6666%, false)
360
+ &.is-offset-half-widescreen
361
+ +ltr-property("margin", 50%, false)
362
+ &.is-offset-one-third-widescreen
363
+ +ltr-property("margin", 33.3333%, false)
364
+ &.is-offset-one-quarter-widescreen
365
+ +ltr-property("margin", 25%, false)
366
+ &.is-offset-one-fifth-widescreen
367
+ +ltr-property("margin", 20%, false)
368
+ &.is-offset-two-fifths-widescreen
369
+ +ltr-property("margin", 40%, false)
370
+ &.is-offset-three-fifths-widescreen
371
+ +ltr-property("margin", 60%, false)
372
+ &.is-offset-four-fifths-widescreen
373
+ +ltr-property("margin", 80%, false)
374
+ @for $i from 0 through 12
375
+ &.is-#{$i}-widescreen
376
+ flex: none
377
+ width: percentage(divide($i, 12))
378
+ &.is-offset-#{$i}-widescreen
379
+ +ltr-property("margin", percentage(divide($i, 12)), false)
380
+ +fullhd
381
+ &.is-narrow-fullhd
382
+ flex: none
383
+ width: unset
384
+ &.is-full-fullhd
385
+ flex: none
386
+ width: 100%
387
+ &.is-three-quarters-fullhd
388
+ flex: none
389
+ width: 75%
390
+ &.is-two-thirds-fullhd
391
+ flex: none
392
+ width: 66.6666%
393
+ &.is-half-fullhd
394
+ flex: none
395
+ width: 50%
396
+ &.is-one-third-fullhd
397
+ flex: none
398
+ width: 33.3333%
399
+ &.is-one-quarter-fullhd
400
+ flex: none
401
+ width: 25%
402
+ &.is-one-fifth-fullhd
403
+ flex: none
404
+ width: 20%
405
+ &.is-two-fifths-fullhd
406
+ flex: none
407
+ width: 40%
408
+ &.is-three-fifths-fullhd
409
+ flex: none
410
+ width: 60%
411
+ &.is-four-fifths-fullhd
412
+ flex: none
413
+ width: 80%
414
+ &.is-offset-three-quarters-fullhd
415
+ +ltr-property("margin", 75%, false)
416
+ &.is-offset-two-thirds-fullhd
417
+ +ltr-property("margin", 66.6666%, false)
418
+ &.is-offset-half-fullhd
419
+ +ltr-property("margin", 50%, false)
420
+ &.is-offset-one-third-fullhd
421
+ +ltr-property("margin", 33.3333%, false)
422
+ &.is-offset-one-quarter-fullhd
423
+ +ltr-property("margin", 25%, false)
424
+ &.is-offset-one-fifth-fullhd
425
+ +ltr-property("margin", 20%, false)
426
+ &.is-offset-two-fifths-fullhd
427
+ +ltr-property("margin", 40%, false)
428
+ &.is-offset-three-fifths-fullhd
429
+ +ltr-property("margin", 60%, false)
430
+ &.is-offset-four-fifths-fullhd
431
+ +ltr-property("margin", 80%, false)
432
+ @for $i from 0 through 12
433
+ &.is-#{$i}-fullhd
434
+ flex: none
435
+ width: percentage(divide($i, 12))
436
+ &.is-offset-#{$i}-fullhd
437
+ +ltr-property("margin", percentage(divide($i, 12)), false)
438
+
439
+ .columns
440
+ +ltr-property("margin", (-$column-gap), false)
441
+ +ltr-property("margin", (-$column-gap))
442
+ margin-top: (-$column-gap)
443
+ &:last-child
444
+ margin-bottom: (-$column-gap)
445
+ &:not(:last-child)
446
+ margin-bottom: calc(1.5rem - #{$column-gap})
447
+ // Modifiers
448
+ &.is-centered
449
+ justify-content: center
450
+ &.is-gapless
451
+ +ltr-property("margin", 0, false)
452
+ +ltr-property("margin", 0)
453
+ margin-top: 0
454
+ & > .column
455
+ margin: 0
456
+ padding: 0 !important
457
+ &:not(:last-child)
458
+ margin-bottom: 1.5rem
459
+ &:last-child
460
+ margin-bottom: 0
461
+ &.is-mobile
462
+ display: flex
463
+ &.is-multiline
464
+ flex-wrap: wrap
465
+ &.is-vcentered
466
+ align-items: center
467
+ // Responsiveness
468
+ +tablet
469
+ &:not(.is-desktop)
470
+ display: flex
471
+ +desktop
472
+ // Modifiers
473
+ &.is-desktop
474
+ display: flex
475
+
476
+ @if $variable-columns
477
+ .columns.is-variable
478
+ --columnGap: 0.75rem
479
+ +ltr-property("margin", calc(-1 * var(--columnGap)), false)
480
+ +ltr-property("margin", calc(-1 * var(--columnGap)))
481
+ > .column
482
+ padding-left: var(--columnGap)
483
+ padding-right: var(--columnGap)
484
+ @for $i from 0 through 8
485
+ &.is-#{$i}
486
+ --columnGap: #{$i * 0.25rem}
487
+ +mobile
488
+ &.is-#{$i}-mobile
489
+ --columnGap: #{$i * 0.25rem}
490
+ +tablet
491
+ &.is-#{$i}-tablet
492
+ --columnGap: #{$i * 0.25rem}
493
+ +tablet-only
494
+ &.is-#{$i}-tablet-only
495
+ --columnGap: #{$i * 0.25rem}
496
+ +touch
497
+ &.is-#{$i}-touch
498
+ --columnGap: #{$i * 0.25rem}
499
+ +desktop
500
+ &.is-#{$i}-desktop
501
+ --columnGap: #{$i * 0.25rem}
502
+ +desktop-only
503
+ &.is-#{$i}-desktop-only
504
+ --columnGap: #{$i * 0.25rem}
505
+ +widescreen
506
+ &.is-#{$i}-widescreen
507
+ --columnGap: #{$i * 0.25rem}
508
+ +widescreen-only
509
+ &.is-#{$i}-widescreen-only
510
+ --columnGap: #{$i * 0.25rem}
511
+ +fullhd
512
+ &.is-#{$i}-fullhd
513
+ --columnGap: #{$i * 0.25rem}