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-block-list/node_modules/bulma/sass/grid/_all.sass CHANGED
@@ -1,4 +1,4 @@
1
- @charset "utf-8"
2
-
3
- @import "columns.sass"
4
- @import "tiles.sass"
1
+ @charset "utf-8"
2
+
3
+ @import "columns.sass"
4
+ @import "tiles.sass"
data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass CHANGED
@@ -1,504 +1,504 @@
1
- $column-gap: 0.75rem !default
2
-
3
- .column
4
- display: block
5
- flex-basis: 0
6
- flex-grow: 1
7
- flex-shrink: 1
8
- padding: $column-gap
9
- .columns.is-mobile > &.is-narrow
10
- flex: none
11
- .columns.is-mobile > &.is-full
12
- flex: none
13
- width: 100%
14
- .columns.is-mobile > &.is-three-quarters
15
- flex: none
16
- width: 75%
17
- .columns.is-mobile > &.is-two-thirds
18
- flex: none
19
- width: 66.6666%
20
- .columns.is-mobile > &.is-half
21
- flex: none
22
- width: 50%
23
- .columns.is-mobile > &.is-one-third
24
- flex: none
25
- width: 33.3333%
26
- .columns.is-mobile > &.is-one-quarter
27
- flex: none
28
- width: 25%
29
- .columns.is-mobile > &.is-one-fifth
30
- flex: none
31
- width: 20%
32
- .columns.is-mobile > &.is-two-fifths
33
- flex: none
34
- width: 40%
35
- .columns.is-mobile > &.is-three-fifths
36
- flex: none
37
- width: 60%
38
- .columns.is-mobile > &.is-four-fifths
39
- flex: none
40
- width: 80%
41
- .columns.is-mobile > &.is-offset-three-quarters
42
- margin-left: 75%
43
- .columns.is-mobile > &.is-offset-two-thirds
44
- margin-left: 66.6666%
45
- .columns.is-mobile > &.is-offset-half
46
- margin-left: 50%
47
- .columns.is-mobile > &.is-offset-one-third
48
- margin-left: 33.3333%
49
- .columns.is-mobile > &.is-offset-one-quarter
50
- margin-left: 25%
51
- .columns.is-mobile > &.is-offset-one-fifth
52
- margin-left: 20%
53
- .columns.is-mobile > &.is-offset-two-fifths
54
- margin-left: 40%
55
- .columns.is-mobile > &.is-offset-three-fifths
56
- margin-left: 60%
57
- .columns.is-mobile > &.is-offset-four-fifths
58
- margin-left: 80%
59
- @for $i from 0 through 12
60
- .columns.is-mobile > &.is-#{$i}
61
- flex: none
62
- width: percentage($i / 12)
63
- .columns.is-mobile > &.is-offset-#{$i}
64
- margin-left: percentage($i / 12)
65
- +mobile
66
- &.is-narrow-mobile
67
- flex: none
68
- &.is-full-mobile
69
- flex: none
70
- width: 100%
71
- &.is-three-quarters-mobile
72
- flex: none
73
- width: 75%
74
- &.is-two-thirds-mobile
75
- flex: none
76
- width: 66.6666%
77
- &.is-half-mobile
78
- flex: none
79
- width: 50%
80
- &.is-one-third-mobile
81
- flex: none
82
- width: 33.3333%
83
- &.is-one-quarter-mobile
84
- flex: none
85
- width: 25%
86
- &.is-one-fifth-mobile
87
- flex: none
88
- width: 20%
89
- &.is-two-fifths-mobile
90
- flex: none
91
- width: 40%
92
- &.is-three-fifths-mobile
93
- flex: none
94
- width: 60%
95
- &.is-four-fifths-mobile
96
- flex: none
97
- width: 80%
98
- &.is-offset-three-quarters-mobile
99
- margin-left: 75%
100
- &.is-offset-two-thirds-mobile
101
- margin-left: 66.6666%
102
- &.is-offset-half-mobile
103
- margin-left: 50%
104
- &.is-offset-one-third-mobile
105
- margin-left: 33.3333%
106
- &.is-offset-one-quarter-mobile
107
- margin-left: 25%
108
- &.is-offset-one-fifth-mobile
109
- margin-left: 20%
110
- &.is-offset-two-fifths-mobile
111
- margin-left: 40%
112
- &.is-offset-three-fifths-mobile
113
- margin-left: 60%
114
- &.is-offset-four-fifths-mobile
115
- margin-left: 80%
116
- @for $i from 0 through 12
117
- &.is-#{$i}-mobile
118
- flex: none
119
- width: percentage($i / 12)
120
- &.is-offset-#{$i}-mobile
121
- margin-left: percentage($i / 12)
122
- +tablet
123
- &.is-narrow,
124
- &.is-narrow-tablet
125
- flex: none
126
- &.is-full,
127
- &.is-full-tablet
128
- flex: none
129
- width: 100%
130
- &.is-three-quarters,
131
- &.is-three-quarters-tablet
132
- flex: none
133
- width: 75%
134
- &.is-two-thirds,
135
- &.is-two-thirds-tablet
136
- flex: none
137
- width: 66.6666%
138
- &.is-half,
139
- &.is-half-tablet
140
- flex: none
141
- width: 50%
142
- &.is-one-third,
143
- &.is-one-third-tablet
144
- flex: none
145
- width: 33.3333%
146
- &.is-one-quarter,
147
- &.is-one-quarter-tablet
148
- flex: none
149
- width: 25%
150
- &.is-one-fifth,
151
- &.is-one-fifth-tablet
152
- flex: none
153
- width: 20%
154
- &.is-two-fifths,
155
- &.is-two-fifths-tablet
156
- flex: none
157
- width: 40%
158
- &.is-three-fifths,
159
- &.is-three-fifths-tablet
160
- flex: none
161
- width: 60%
162
- &.is-four-fifths,
163
- &.is-four-fifths-tablet
164
- flex: none
165
- width: 80%
166
- &.is-offset-three-quarters,
167
- &.is-offset-three-quarters-tablet
168
- margin-left: 75%
169
- &.is-offset-two-thirds,
170
- &.is-offset-two-thirds-tablet
171
- margin-left: 66.6666%
172
- &.is-offset-half,
173
- &.is-offset-half-tablet
174
- margin-left: 50%
175
- &.is-offset-one-third,
176
- &.is-offset-one-third-tablet
177
- margin-left: 33.3333%
178
- &.is-offset-one-quarter,
179
- &.is-offset-one-quarter-tablet
180
- margin-left: 25%
181
- &.is-offset-one-fifth,
182
- &.is-offset-one-fifth-tablet
183
- margin-left: 20%
184
- &.is-offset-two-fifths,
185
- &.is-offset-two-fifths-tablet
186
- margin-left: 40%
187
- &.is-offset-three-fifths,
188
- &.is-offset-three-fifths-tablet
189
- margin-left: 60%
190
- &.is-offset-four-fifths,
191
- &.is-offset-four-fifths-tablet
192
- margin-left: 80%
193
- @for $i from 0 through 12
194
- &.is-#{$i},
195
- &.is-#{$i}-tablet
196
- flex: none
197
- width: percentage($i / 12)
198
- &.is-offset-#{$i},
199
- &.is-offset-#{$i}-tablet
200
- margin-left: percentage($i / 12)
201
- +touch
202
- &.is-narrow-touch
203
- flex: none
204
- &.is-full-touch
205
- flex: none
206
- width: 100%
207
- &.is-three-quarters-touch
208
- flex: none
209
- width: 75%
210
- &.is-two-thirds-touch
211
- flex: none
212
- width: 66.6666%
213
- &.is-half-touch
214
- flex: none
215
- width: 50%
216
- &.is-one-third-touch
217
- flex: none
218
- width: 33.3333%
219
- &.is-one-quarter-touch
220
- flex: none
221
- width: 25%
222
- &.is-one-fifth-touch
223
- flex: none
224
- width: 20%
225
- &.is-two-fifths-touch
226
- flex: none
227
- width: 40%
228
- &.is-three-fifths-touch
229
- flex: none
230
- width: 60%
231
- &.is-four-fifths-touch
232
- flex: none
233
- width: 80%
234
- &.is-offset-three-quarters-touch
235
- margin-left: 75%
236
- &.is-offset-two-thirds-touch
237
- margin-left: 66.6666%
238
- &.is-offset-half-touch
239
- margin-left: 50%
240
- &.is-offset-one-third-touch
241
- margin-left: 33.3333%
242
- &.is-offset-one-quarter-touch
243
- margin-left: 25%
244
- &.is-offset-one-fifth-touch
245
- margin-left: 20%
246
- &.is-offset-two-fifths-touch
247
- margin-left: 40%
248
- &.is-offset-three-fifths-touch
249
- margin-left: 60%
250
- &.is-offset-four-fifths-touch
251
- margin-left: 80%
252
- @for $i from 0 through 12
253
- &.is-#{$i}-touch
254
- flex: none
255
- width: percentage($i / 12)
256
- &.is-offset-#{$i}-touch
257
- margin-left: percentage($i / 12)
258
- +desktop
259
- &.is-narrow-desktop
260
- flex: none
261
- &.is-full-desktop
262
- flex: none
263
- width: 100%
264
- &.is-three-quarters-desktop
265
- flex: none
266
- width: 75%
267
- &.is-two-thirds-desktop
268
- flex: none
269
- width: 66.6666%
270
- &.is-half-desktop
271
- flex: none
272
- width: 50%
273
- &.is-one-third-desktop
274
- flex: none
275
- width: 33.3333%
276
- &.is-one-quarter-desktop
277
- flex: none
278
- width: 25%
279
- &.is-one-fifth-desktop
280
- flex: none
281
- width: 20%
282
- &.is-two-fifths-desktop
283
- flex: none
284
- width: 40%
285
- &.is-three-fifths-desktop
286
- flex: none
287
- width: 60%
288
- &.is-four-fifths-desktop
289
- flex: none
290
- width: 80%
291
- &.is-offset-three-quarters-desktop
292
- margin-left: 75%
293
- &.is-offset-two-thirds-desktop
294
- margin-left: 66.6666%
295
- &.is-offset-half-desktop
296
- margin-left: 50%
297
- &.is-offset-one-third-desktop
298
- margin-left: 33.3333%
299
- &.is-offset-one-quarter-desktop
300
- margin-left: 25%
301
- &.is-offset-one-fifth-desktop
302
- margin-left: 20%
303
- &.is-offset-two-fifths-desktop
304
- margin-left: 40%
305
- &.is-offset-three-fifths-desktop
306
- margin-left: 60%
307
- &.is-offset-four-fifths-desktop
308
- margin-left: 80%
309
- @for $i from 0 through 12
310
- &.is-#{$i}-desktop
311
- flex: none
312
- width: percentage($i / 12)
313
- &.is-offset-#{$i}-desktop
314
- margin-left: percentage($i / 12)
315
- +widescreen
316
- &.is-narrow-widescreen
317
- flex: none
318
- &.is-full-widescreen
319
- flex: none
320
- width: 100%
321
- &.is-three-quarters-widescreen
322
- flex: none
323
- width: 75%
324
- &.is-two-thirds-widescreen
325
- flex: none
326
- width: 66.6666%
327
- &.is-half-widescreen
328
- flex: none
329
- width: 50%
330
- &.is-one-third-widescreen
331
- flex: none
332
- width: 33.3333%
333
- &.is-one-quarter-widescreen
334
- flex: none
335
- width: 25%
336
- &.is-one-fifth-widescreen
337
- flex: none
338
- width: 20%
339
- &.is-two-fifths-widescreen
340
- flex: none
341
- width: 40%
342
- &.is-three-fifths-widescreen
343
- flex: none
344
- width: 60%
345
- &.is-four-fifths-widescreen
346
- flex: none
347
- width: 80%
348
- &.is-offset-three-quarters-widescreen
349
- margin-left: 75%
350
- &.is-offset-two-thirds-widescreen
351
- margin-left: 66.6666%
352
- &.is-offset-half-widescreen
353
- margin-left: 50%
354
- &.is-offset-one-third-widescreen
355
- margin-left: 33.3333%
356
- &.is-offset-one-quarter-widescreen
357
- margin-left: 25%
358
- &.is-offset-one-fifth-widescreen
359
- margin-left: 20%
360
- &.is-offset-two-fifths-widescreen
361
- margin-left: 40%
362
- &.is-offset-three-fifths-widescreen
363
- margin-left: 60%
364
- &.is-offset-four-fifths-widescreen
365
- margin-left: 80%
366
- @for $i from 0 through 12
367
- &.is-#{$i}-widescreen
368
- flex: none
369
- width: percentage($i / 12)
370
- &.is-offset-#{$i}-widescreen
371
- margin-left: percentage($i / 12)
372
- +fullhd
373
- &.is-narrow-fullhd
374
- flex: none
375
- &.is-full-fullhd
376
- flex: none
377
- width: 100%
378
- &.is-three-quarters-fullhd
379
- flex: none
380
- width: 75%
381
- &.is-two-thirds-fullhd
382
- flex: none
383
- width: 66.6666%
384
- &.is-half-fullhd
385
- flex: none
386
- width: 50%
387
- &.is-one-third-fullhd
388
- flex: none
389
- width: 33.3333%
390
- &.is-one-quarter-fullhd
391
- flex: none
392
- width: 25%
393
- &.is-one-fifth-fullhd
394
- flex: none
395
- width: 20%
396
- &.is-two-fifths-fullhd
397
- flex: none
398
- width: 40%
399
- &.is-three-fifths-fullhd
400
- flex: none
401
- width: 60%
402
- &.is-four-fifths-fullhd
403
- flex: none
404
- width: 80%
405
- &.is-offset-three-quarters-fullhd
406
- margin-left: 75%
407
- &.is-offset-two-thirds-fullhd
408
- margin-left: 66.6666%
409
- &.is-offset-half-fullhd
410
- margin-left: 50%
411
- &.is-offset-one-third-fullhd
412
- margin-left: 33.3333%
413
- &.is-offset-one-quarter-fullhd
414
- margin-left: 25%
415
- &.is-offset-one-fifth-fullhd
416
- margin-left: 20%
417
- &.is-offset-two-fifths-fullhd
418
- margin-left: 40%
419
- &.is-offset-three-fifths-fullhd
420
- margin-left: 60%
421
- &.is-offset-four-fifths-fullhd
422
- margin-left: 80%
423
- @for $i from 0 through 12
424
- &.is-#{$i}-fullhd
425
- flex: none
426
- width: percentage($i / 12)
427
- &.is-offset-#{$i}-fullhd
428
- margin-left: percentage($i / 12)
429
-
430
- .columns
431
- margin-left: (-$column-gap)
432
- margin-right: (-$column-gap)
433
- margin-top: (-$column-gap)
434
- &:last-child
435
- margin-bottom: (-$column-gap)
436
- &:not(:last-child)
437
- margin-bottom: calc(1.5rem - #{$column-gap})
438
- // Modifiers
439
- &.is-centered
440
- justify-content: center
441
- &.is-gapless
442
- margin-left: 0
443
- margin-right: 0
444
- margin-top: 0
445
- & > .column
446
- margin: 0
447
- padding: 0 !important
448
- &:not(:last-child)
449
- margin-bottom: 1.5rem
450
- &:last-child
451
- margin-bottom: 0
452
- &.is-mobile
453
- display: flex
454
- &.is-multiline
455
- flex-wrap: wrap
456
- &.is-vcentered
457
- align-items: center
458
- // Responsiveness
459
- +tablet
460
- &:not(.is-desktop)
461
- display: flex
462
- +desktop
463
- // Modifiers
464
- &.is-desktop
465
- display: flex
466
-
467
- @if $variable-columns
468
- .columns.is-variable
469
- --columnGap: 0.75rem
470
- margin-left: calc(-1 * var(--columnGap))
471
- margin-right: calc(-1 * var(--columnGap))
472
- .column
473
- padding-left: var(--columnGap)
474
- padding-right: var(--columnGap)
475
- @for $i from 0 through 8
476
- &.is-#{$i}
477
- --columnGap: #{$i * 0.25rem}
478
- +mobile
479
- &.is-#{$i}-mobile
480
- --columnGap: #{$i * 0.25rem}
481
- +tablet
482
- &.is-#{$i}-tablet
483
- --columnGap: #{$i * 0.25rem}
484
- +tablet-only
485
- &.is-#{$i}-tablet-only
486
- --columnGap: #{$i * 0.25rem}
487
- +touch
488
- &.is-#{$i}-touch
489
- --columnGap: #{$i * 0.25rem}
490
- +desktop
491
- &.is-#{$i}-desktop
492
- --columnGap: #{$i * 0.25rem}
493
- +desktop-only
494
- &.is-#{$i}-desktop-only
495
- --columnGap: #{$i * 0.25rem}
496
- +widescreen
497
- &.is-#{$i}-widescreen
498
- --columnGap: #{$i * 0.25rem}
499
- +widescreen-only
500
- &.is-#{$i}-widescreen-only
501
- --columnGap: #{$i * 0.25rem}
502
- +fullhd
503
- &.is-#{$i}-fullhd
504
- --columnGap: #{$i * 0.25rem}
1
+ $column-gap: 0.75rem !default
2
+
3
+ .column
4
+ display: block
5
+ flex-basis: 0
6
+ flex-grow: 1
7
+ flex-shrink: 1
8
+ padding: $column-gap
9
+ .columns.is-mobile > &.is-narrow
10
+ flex: none
11
+ .columns.is-mobile > &.is-full
12
+ flex: none
13
+ width: 100%
14
+ .columns.is-mobile > &.is-three-quarters
15
+ flex: none
16
+ width: 75%
17
+ .columns.is-mobile > &.is-two-thirds
18
+ flex: none
19
+ width: 66.6666%
20
+ .columns.is-mobile > &.is-half
21
+ flex: none
22
+ width: 50%
23
+ .columns.is-mobile > &.is-one-third
24
+ flex: none
25
+ width: 33.3333%
26
+ .columns.is-mobile > &.is-one-quarter
27
+ flex: none
28
+ width: 25%
29
+ .columns.is-mobile > &.is-one-fifth
30
+ flex: none
31
+ width: 20%
32
+ .columns.is-mobile > &.is-two-fifths
33
+ flex: none
34
+ width: 40%
35
+ .columns.is-mobile > &.is-three-fifths
36
+ flex: none
37
+ width: 60%
38
+ .columns.is-mobile > &.is-four-fifths
39
+ flex: none
40
+ width: 80%
41
+ .columns.is-mobile > &.is-offset-three-quarters
42
+ margin-left: 75%
43
+ .columns.is-mobile > &.is-offset-two-thirds
44
+ margin-left: 66.6666%
45
+ .columns.is-mobile > &.is-offset-half
46
+ margin-left: 50%
47
+ .columns.is-mobile > &.is-offset-one-third
48
+ margin-left: 33.3333%
49
+ .columns.is-mobile > &.is-offset-one-quarter
50
+ margin-left: 25%
51
+ .columns.is-mobile > &.is-offset-one-fifth
52
+ margin-left: 20%
53
+ .columns.is-mobile > &.is-offset-two-fifths
54
+ margin-left: 40%
55
+ .columns.is-mobile > &.is-offset-three-fifths
56
+ margin-left: 60%
57
+ .columns.is-mobile > &.is-offset-four-fifths
58
+ margin-left: 80%
59
+ @for $i from 0 through 12
60
+ .columns.is-mobile > &.is-#{$i}
61
+ flex: none
62
+ width: percentage($i / 12)
63
+ .columns.is-mobile > &.is-offset-#{$i}
64
+ margin-left: percentage($i / 12)
65
+ +mobile
66
+ &.is-narrow-mobile
67
+ flex: none
68
+ &.is-full-mobile
69
+ flex: none
70
+ width: 100%
71
+ &.is-three-quarters-mobile
72
+ flex: none
73
+ width: 75%
74
+ &.is-two-thirds-mobile
75
+ flex: none
76
+ width: 66.6666%
77
+ &.is-half-mobile
78
+ flex: none
79
+ width: 50%
80
+ &.is-one-third-mobile
81
+ flex: none
82
+ width: 33.3333%
83
+ &.is-one-quarter-mobile
84
+ flex: none
85
+ width: 25%
86
+ &.is-one-fifth-mobile
87
+ flex: none
88
+ width: 20%
89
+ &.is-two-fifths-mobile
90
+ flex: none
91
+ width: 40%
92
+ &.is-three-fifths-mobile
93
+ flex: none
94
+ width: 60%
95
+ &.is-four-fifths-mobile
96
+ flex: none
97
+ width: 80%
98
+ &.is-offset-three-quarters-mobile
99
+ margin-left: 75%
100
+ &.is-offset-two-thirds-mobile
101
+ margin-left: 66.6666%
102
+ &.is-offset-half-mobile
103
+ margin-left: 50%
104
+ &.is-offset-one-third-mobile
105
+ margin-left: 33.3333%
106
+ &.is-offset-one-quarter-mobile
107
+ margin-left: 25%
108
+ &.is-offset-one-fifth-mobile
109
+ margin-left: 20%
110
+ &.is-offset-two-fifths-mobile
111
+ margin-left: 40%
112
+ &.is-offset-three-fifths-mobile
113
+ margin-left: 60%
114
+ &.is-offset-four-fifths-mobile
115
+ margin-left: 80%
116
+ @for $i from 0 through 12
117
+ &.is-#{$i}-mobile
118
+ flex: none
119
+ width: percentage($i / 12)
120
+ &.is-offset-#{$i}-mobile
121
+ margin-left: percentage($i / 12)
122
+ +tablet
123
+ &.is-narrow,
124
+ &.is-narrow-tablet
125
+ flex: none
126
+ &.is-full,
127
+ &.is-full-tablet
128
+ flex: none
129
+ width: 100%
130
+ &.is-three-quarters,
131
+ &.is-three-quarters-tablet
132
+ flex: none
133
+ width: 75%
134
+ &.is-two-thirds,
135
+ &.is-two-thirds-tablet
136
+ flex: none
137
+ width: 66.6666%
138
+ &.is-half,
139
+ &.is-half-tablet
140
+ flex: none
141
+ width: 50%
142
+ &.is-one-third,
143
+ &.is-one-third-tablet
144
+ flex: none
145
+ width: 33.3333%
146
+ &.is-one-quarter,
147
+ &.is-one-quarter-tablet
148
+ flex: none
149
+ width: 25%
150
+ &.is-one-fifth,
151
+ &.is-one-fifth-tablet
152
+ flex: none
153
+ width: 20%
154
+ &.is-two-fifths,
155
+ &.is-two-fifths-tablet
156
+ flex: none
157
+ width: 40%
158
+ &.is-three-fifths,
159
+ &.is-three-fifths-tablet
160
+ flex: none
161
+ width: 60%
162
+ &.is-four-fifths,
163
+ &.is-four-fifths-tablet
164
+ flex: none
165
+ width: 80%
166
+ &.is-offset-three-quarters,
167
+ &.is-offset-three-quarters-tablet
168
+ margin-left: 75%
169
+ &.is-offset-two-thirds,
170
+ &.is-offset-two-thirds-tablet
171
+ margin-left: 66.6666%
172
+ &.is-offset-half,
173
+ &.is-offset-half-tablet
174
+ margin-left: 50%
175
+ &.is-offset-one-third,
176
+ &.is-offset-one-third-tablet
177
+ margin-left: 33.3333%
178
+ &.is-offset-one-quarter,
179
+ &.is-offset-one-quarter-tablet
180
+ margin-left: 25%
181
+ &.is-offset-one-fifth,
182
+ &.is-offset-one-fifth-tablet
183
+ margin-left: 20%
184
+ &.is-offset-two-fifths,
185
+ &.is-offset-two-fifths-tablet
186
+ margin-left: 40%
187
+ &.is-offset-three-fifths,
188
+ &.is-offset-three-fifths-tablet
189
+ margin-left: 60%
190
+ &.is-offset-four-fifths,
191
+ &.is-offset-four-fifths-tablet
192
+ margin-left: 80%
193
+ @for $i from 0 through 12
194
+ &.is-#{$i},
195
+ &.is-#{$i}-tablet
196
+ flex: none
197
+ width: percentage($i / 12)
198
+ &.is-offset-#{$i},
199
+ &.is-offset-#{$i}-tablet
200
+ margin-left: percentage($i / 12)
201
+ +touch
202
+ &.is-narrow-touch
203
+ flex: none
204
+ &.is-full-touch
205
+ flex: none
206
+ width: 100%
207
+ &.is-three-quarters-touch
208
+ flex: none
209
+ width: 75%
210
+ &.is-two-thirds-touch
211
+ flex: none
212
+ width: 66.6666%
213
+ &.is-half-touch
214
+ flex: none
215
+ width: 50%
216
+ &.is-one-third-touch
217
+ flex: none
218
+ width: 33.3333%
219
+ &.is-one-quarter-touch
220
+ flex: none
221
+ width: 25%
222
+ &.is-one-fifth-touch
223
+ flex: none
224
+ width: 20%
225
+ &.is-two-fifths-touch
226
+ flex: none
227
+ width: 40%
228
+ &.is-three-fifths-touch
229
+ flex: none
230
+ width: 60%
231
+ &.is-four-fifths-touch
232
+ flex: none
233
+ width: 80%
234
+ &.is-offset-three-quarters-touch
235
+ margin-left: 75%
236
+ &.is-offset-two-thirds-touch
237
+ margin-left: 66.6666%
238
+ &.is-offset-half-touch
239
+ margin-left: 50%
240
+ &.is-offset-one-third-touch
241
+ margin-left: 33.3333%
242
+ &.is-offset-one-quarter-touch
243
+ margin-left: 25%
244
+ &.is-offset-one-fifth-touch
245
+ margin-left: 20%
246
+ &.is-offset-two-fifths-touch
247
+ margin-left: 40%
248
+ &.is-offset-three-fifths-touch
249
+ margin-left: 60%
250
+ &.is-offset-four-fifths-touch
251
+ margin-left: 80%
252
+ @for $i from 0 through 12
253
+ &.is-#{$i}-touch
254
+ flex: none
255
+ width: percentage($i / 12)
256
+ &.is-offset-#{$i}-touch
257
+ margin-left: percentage($i / 12)
258
+ +desktop
259
+ &.is-narrow-desktop
260
+ flex: none
261
+ &.is-full-desktop
262
+ flex: none
263
+ width: 100%
264
+ &.is-three-quarters-desktop
265
+ flex: none
266
+ width: 75%
267
+ &.is-two-thirds-desktop
268
+ flex: none
269
+ width: 66.6666%
270
+ &.is-half-desktop
271
+ flex: none
272
+ width: 50%
273
+ &.is-one-third-desktop
274
+ flex: none
275
+ width: 33.3333%
276
+ &.is-one-quarter-desktop
277
+ flex: none
278
+ width: 25%
279
+ &.is-one-fifth-desktop
280
+ flex: none
281
+ width: 20%
282
+ &.is-two-fifths-desktop
283
+ flex: none
284
+ width: 40%
285
+ &.is-three-fifths-desktop
286
+ flex: none
287
+ width: 60%
288
+ &.is-four-fifths-desktop
289
+ flex: none
290
+ width: 80%
291
+ &.is-offset-three-quarters-desktop
292
+ margin-left: 75%
293
+ &.is-offset-two-thirds-desktop
294
+ margin-left: 66.6666%
295
+ &.is-offset-half-desktop
296
+ margin-left: 50%
297
+ &.is-offset-one-third-desktop
298
+ margin-left: 33.3333%
299
+ &.is-offset-one-quarter-desktop
300
+ margin-left: 25%
301
+ &.is-offset-one-fifth-desktop
302
+ margin-left: 20%
303
+ &.is-offset-two-fifths-desktop
304
+ margin-left: 40%
305
+ &.is-offset-three-fifths-desktop
306
+ margin-left: 60%
307
+ &.is-offset-four-fifths-desktop
308
+ margin-left: 80%
309
+ @for $i from 0 through 12
310
+ &.is-#{$i}-desktop
311
+ flex: none
312
+ width: percentage($i / 12)
313
+ &.is-offset-#{$i}-desktop
314
+ margin-left: percentage($i / 12)
315
+ +widescreen
316
+ &.is-narrow-widescreen
317
+ flex: none
318
+ &.is-full-widescreen
319
+ flex: none
320
+ width: 100%
321
+ &.is-three-quarters-widescreen
322
+ flex: none
323
+ width: 75%
324
+ &.is-two-thirds-widescreen
325
+ flex: none
326
+ width: 66.6666%
327
+ &.is-half-widescreen
328
+ flex: none
329
+ width: 50%
330
+ &.is-one-third-widescreen
331
+ flex: none
332
+ width: 33.3333%
333
+ &.is-one-quarter-widescreen
334
+ flex: none
335
+ width: 25%
336
+ &.is-one-fifth-widescreen
337
+ flex: none
338
+ width: 20%
339
+ &.is-two-fifths-widescreen
340
+ flex: none
341
+ width: 40%
342
+ &.is-three-fifths-widescreen
343
+ flex: none
344
+ width: 60%
345
+ &.is-four-fifths-widescreen
346
+ flex: none
347
+ width: 80%
348
+ &.is-offset-three-quarters-widescreen
349
+ margin-left: 75%
350
+ &.is-offset-two-thirds-widescreen
351
+ margin-left: 66.6666%
352
+ &.is-offset-half-widescreen
353
+ margin-left: 50%
354
+ &.is-offset-one-third-widescreen
355
+ margin-left: 33.3333%
356
+ &.is-offset-one-quarter-widescreen
357
+ margin-left: 25%
358
+ &.is-offset-one-fifth-widescreen
359
+ margin-left: 20%
360
+ &.is-offset-two-fifths-widescreen
361
+ margin-left: 40%
362
+ &.is-offset-three-fifths-widescreen
363
+ margin-left: 60%
364
+ &.is-offset-four-fifths-widescreen
365
+ margin-left: 80%
366
+ @for $i from 0 through 12
367
+ &.is-#{$i}-widescreen
368
+ flex: none
369
+ width: percentage($i / 12)
370
+ &.is-offset-#{$i}-widescreen
371
+ margin-left: percentage($i / 12)
372
+ +fullhd
373
+ &.is-narrow-fullhd
374
+ flex: none
375
+ &.is-full-fullhd
376
+ flex: none
377
+ width: 100%
378
+ &.is-three-quarters-fullhd
379
+ flex: none
380
+ width: 75%
381
+ &.is-two-thirds-fullhd
382
+ flex: none
383
+ width: 66.6666%
384
+ &.is-half-fullhd
385
+ flex: none
386
+ width: 50%
387
+ &.is-one-third-fullhd
388
+ flex: none
389
+ width: 33.3333%
390
+ &.is-one-quarter-fullhd
391
+ flex: none
392
+ width: 25%
393
+ &.is-one-fifth-fullhd
394
+ flex: none
395
+ width: 20%
396
+ &.is-two-fifths-fullhd
397
+ flex: none
398
+ width: 40%
399
+ &.is-three-fifths-fullhd
400
+ flex: none
401
+ width: 60%
402
+ &.is-four-fifths-fullhd
403
+ flex: none
404
+ width: 80%
405
+ &.is-offset-three-quarters-fullhd
406
+ margin-left: 75%
407
+ &.is-offset-two-thirds-fullhd
408
+ margin-left: 66.6666%
409
+ &.is-offset-half-fullhd
410
+ margin-left: 50%
411
+ &.is-offset-one-third-fullhd
412
+ margin-left: 33.3333%
413
+ &.is-offset-one-quarter-fullhd
414
+ margin-left: 25%
415
+ &.is-offset-one-fifth-fullhd
416
+ margin-left: 20%
417
+ &.is-offset-two-fifths-fullhd
418
+ margin-left: 40%
419
+ &.is-offset-three-fifths-fullhd
420
+ margin-left: 60%
421
+ &.is-offset-four-fifths-fullhd
422
+ margin-left: 80%
423
+ @for $i from 0 through 12
424
+ &.is-#{$i}-fullhd
425
+ flex: none
426
+ width: percentage($i / 12)
427
+ &.is-offset-#{$i}-fullhd
428
+ margin-left: percentage($i / 12)
429
+
430
+ .columns
431
+ margin-left: (-$column-gap)
432
+ margin-right: (-$column-gap)
433
+ margin-top: (-$column-gap)
434
+ &:last-child
435
+ margin-bottom: (-$column-gap)
436
+ &:not(:last-child)
437
+ margin-bottom: calc(1.5rem - #{$column-gap})
438
+ // Modifiers
439
+ &.is-centered
440
+ justify-content: center
441
+ &.is-gapless
442
+ margin-left: 0
443
+ margin-right: 0
444
+ margin-top: 0
445
+ & > .column
446
+ margin: 0
447
+ padding: 0 !important
448
+ &:not(:last-child)
449
+ margin-bottom: 1.5rem
450
+ &:last-child
451
+ margin-bottom: 0
452
+ &.is-mobile
453
+ display: flex
454
+ &.is-multiline
455
+ flex-wrap: wrap
456
+ &.is-vcentered
457
+ align-items: center
458
+ // Responsiveness
459
+ +tablet
460
+ &:not(.is-desktop)
461
+ display: flex
462
+ +desktop
463
+ // Modifiers
464
+ &.is-desktop
465
+ display: flex
466
+
467
+ @if $variable-columns
468
+ .columns.is-variable
469
+ --columnGap: 0.75rem
470
+ margin-left: calc(-1 * var(--columnGap))
471
+ margin-right: calc(-1 * var(--columnGap))
472
+ .column
473
+ padding-left: var(--columnGap)
474
+ padding-right: var(--columnGap)
475
+ @for $i from 0 through 8
476
+ &.is-#{$i}
477
+ --columnGap: #{$i * 0.25rem}
478
+ +mobile
479
+ &.is-#{$i}-mobile
480
+ --columnGap: #{$i * 0.25rem}
481
+ +tablet
482
+ &.is-#{$i}-tablet
483
+ --columnGap: #{$i * 0.25rem}
484
+ +tablet-only
485
+ &.is-#{$i}-tablet-only
486
+ --columnGap: #{$i * 0.25rem}
487
+ +touch
488
+ &.is-#{$i}-touch
489
+ --columnGap: #{$i * 0.25rem}
490
+ +desktop
491
+ &.is-#{$i}-desktop
492
+ --columnGap: #{$i * 0.25rem}
493
+ +desktop-only
494
+ &.is-#{$i}-desktop-only
495
+ --columnGap: #{$i * 0.25rem}
496
+ +widescreen
497
+ &.is-#{$i}-widescreen
498
+ --columnGap: #{$i * 0.25rem}
499
+ +widescreen-only
500
+ &.is-#{$i}-widescreen-only
501
+ --columnGap: #{$i * 0.25rem}
502
+ +fullhd
503
+ &.is-#{$i}-fullhd
504
+ --columnGap: #{$i * 0.25rem}