bulma-rails 0.9.4 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (143) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +74 -13
  3. data/app/assets/stylesheets/bulma.scss +4 -0
  4. data/app/assets/stylesheets/sass/_index.scss +10 -0
  5. data/app/assets/stylesheets/sass/base/_index.scss +6 -0
  6. data/app/assets/stylesheets/sass/base/animations.scss +15 -0
  7. data/app/assets/stylesheets/sass/base/generic.scss +239 -0
  8. data/app/assets/stylesheets/sass/base/minireset.scss +92 -0
  9. data/app/assets/stylesheets/sass/base/skeleton.scss +114 -0
  10. data/app/assets/stylesheets/sass/components/_index.scss +13 -0
  11. data/app/assets/stylesheets/sass/components/breadcrumb.scss +139 -0
  12. data/app/assets/stylesheets/sass/components/card.scss +162 -0
  13. data/app/assets/stylesheets/sass/components/dropdown.scss +188 -0
  14. data/app/assets/stylesheets/sass/components/menu.scss +165 -0
  15. data/app/assets/stylesheets/sass/components/message.scss +183 -0
  16. data/app/assets/stylesheets/sass/components/modal.scss +164 -0
  17. data/app/assets/stylesheets/sass/components/navbar.scss +799 -0
  18. data/app/assets/stylesheets/sass/components/pagination.scss +379 -0
  19. data/app/assets/stylesheets/sass/components/panel.scss +218 -0
  20. data/app/assets/stylesheets/sass/components/tabs.scss +273 -0
  21. data/app/assets/stylesheets/sass/elements/_index.scss +16 -0
  22. data/app/assets/stylesheets/sass/elements/block.scss +6 -0
  23. data/app/assets/stylesheets/sass/elements/box.scss +59 -0
  24. data/app/assets/stylesheets/sass/elements/button.scss +647 -0
  25. data/app/assets/stylesheets/sass/elements/content.scss +289 -0
  26. data/app/assets/stylesheets/sass/elements/delete.scss +6 -0
  27. data/app/assets/stylesheets/sass/elements/icon.scss +67 -0
  28. data/app/assets/stylesheets/sass/elements/image.scss +62 -0
  29. data/app/assets/stylesheets/sass/elements/loader.scss +15 -0
  30. data/app/assets/stylesheets/sass/elements/notification.scss +105 -0
  31. data/app/assets/stylesheets/sass/elements/progress.scss +115 -0
  32. data/app/assets/stylesheets/sass/elements/table.scss +261 -0
  33. data/app/assets/stylesheets/sass/elements/tag.scss +219 -0
  34. data/app/assets/stylesheets/sass/elements/title.scss +128 -0
  35. data/app/assets/stylesheets/sass/form/_index.scss +9 -0
  36. data/app/assets/stylesheets/sass/form/checkbox-radio.scss +36 -0
  37. data/app/assets/stylesheets/sass/form/file.scss +330 -0
  38. data/app/assets/stylesheets/sass/form/input-textarea.scss +113 -0
  39. data/app/assets/stylesheets/sass/form/select.scss +144 -0
  40. data/app/assets/stylesheets/sass/form/shared.scss +176 -0
  41. data/app/assets/stylesheets/sass/form/tools.scss +352 -0
  42. data/app/assets/stylesheets/sass/grid/_index.scss +5 -0
  43. data/app/assets/stylesheets/sass/grid/columns.scss +961 -0
  44. data/app/assets/stylesheets/sass/grid/grid.scss +209 -0
  45. data/app/assets/stylesheets/sass/helpers/_index.scss +15 -0
  46. data/app/assets/stylesheets/sass/helpers/aspect-ratio.scss +10 -0
  47. data/app/assets/stylesheets/sass/helpers/border.scss +15 -0
  48. data/app/assets/stylesheets/sass/helpers/color.scss +344 -0
  49. data/app/assets/stylesheets/sass/helpers/flexbox.scss +62 -0
  50. data/app/assets/stylesheets/sass/helpers/float.scss +28 -0
  51. data/app/assets/stylesheets/sass/helpers/gap.scss +24 -0
  52. data/app/assets/stylesheets/sass/helpers/other.scss +19 -0
  53. data/app/assets/stylesheets/sass/helpers/overflow.scss +21 -0
  54. data/app/assets/stylesheets/sass/helpers/position.scss +19 -0
  55. data/app/assets/stylesheets/sass/helpers/spacing.scss +64 -0
  56. data/app/assets/stylesheets/sass/helpers/typography.scss +168 -0
  57. data/app/assets/stylesheets/sass/helpers/visibility.scss +221 -0
  58. data/app/assets/stylesheets/sass/layout/_index.scss +9 -0
  59. data/app/assets/stylesheets/sass/layout/container.scss +59 -0
  60. data/app/assets/stylesheets/sass/layout/footer.scss +23 -0
  61. data/app/assets/stylesheets/sass/layout/hero.scss +270 -0
  62. data/app/assets/stylesheets/sass/layout/level.scss +107 -0
  63. data/app/assets/stylesheets/sass/layout/media.scss +106 -0
  64. data/app/assets/stylesheets/sass/layout/section.scss +38 -0
  65. data/app/assets/stylesheets/sass/themes/_index.scss +35 -0
  66. data/app/assets/stylesheets/sass/themes/dark.scss +56 -0
  67. data/app/assets/stylesheets/sass/themes/light.scss +146 -0
  68. data/app/assets/stylesheets/sass/themes/setup.scss +174 -0
  69. data/app/assets/stylesheets/sass/utilities/_index.scss +7 -0
  70. data/app/assets/stylesheets/sass/utilities/controls.scss +85 -0
  71. data/app/assets/stylesheets/sass/utilities/css-variables.scss +426 -0
  72. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +112 -0
  73. data/app/assets/stylesheets/sass/utilities/extends.scss +34 -0
  74. data/app/assets/stylesheets/sass/utilities/functions.scss +258 -0
  75. data/app/assets/stylesheets/sass/utilities/initial-variables.scss +155 -0
  76. data/app/assets/stylesheets/sass/utilities/mixins.scss +460 -0
  77. data/bulma-rails.gemspec +4 -6
  78. metadata +83 -74
  79. data/app/assets/stylesheets/bulma.sass +0 -10
  80. data/app/assets/stylesheets/sass/base/_all.sass +0 -6
  81. data/app/assets/stylesheets/sass/base/animations.sass +0 -5
  82. data/app/assets/stylesheets/sass/base/generic.sass +0 -145
  83. data/app/assets/stylesheets/sass/base/helpers.sass +0 -1
  84. data/app/assets/stylesheets/sass/base/minireset.sass +0 -79
  85. data/app/assets/stylesheets/sass/components/_all.sass +0 -15
  86. data/app/assets/stylesheets/sass/components/breadcrumb.sass +0 -77
  87. data/app/assets/stylesheets/sass/components/card.sass +0 -103
  88. data/app/assets/stylesheets/sass/components/dropdown.sass +0 -83
  89. data/app/assets/stylesheets/sass/components/level.sass +0 -79
  90. data/app/assets/stylesheets/sass/components/media.sass +0 -59
  91. data/app/assets/stylesheets/sass/components/menu.sass +0 -59
  92. data/app/assets/stylesheets/sass/components/message.sass +0 -101
  93. data/app/assets/stylesheets/sass/components/modal.sass +0 -117
  94. data/app/assets/stylesheets/sass/components/navbar.sass +0 -446
  95. data/app/assets/stylesheets/sass/components/pagination.sass +0 -167
  96. data/app/assets/stylesheets/sass/components/panel.sass +0 -121
  97. data/app/assets/stylesheets/sass/components/tabs.sass +0 -176
  98. data/app/assets/stylesheets/sass/elements/_all.sass +0 -16
  99. data/app/assets/stylesheets/sass/elements/box.sass +0 -26
  100. data/app/assets/stylesheets/sass/elements/button.sass +0 -357
  101. data/app/assets/stylesheets/sass/elements/container.sass +0 -29
  102. data/app/assets/stylesheets/sass/elements/content.sass +0 -162
  103. data/app/assets/stylesheets/sass/elements/form.sass +0 -1
  104. data/app/assets/stylesheets/sass/elements/icon.sass +0 -46
  105. data/app/assets/stylesheets/sass/elements/image.sass +0 -73
  106. data/app/assets/stylesheets/sass/elements/notification.sass +0 -52
  107. data/app/assets/stylesheets/sass/elements/other.sass +0 -31
  108. data/app/assets/stylesheets/sass/elements/progress.sass +0 -73
  109. data/app/assets/stylesheets/sass/elements/table.sass +0 -134
  110. data/app/assets/stylesheets/sass/elements/tag.sass +0 -140
  111. data/app/assets/stylesheets/sass/elements/title.sass +0 -70
  112. data/app/assets/stylesheets/sass/form/_all.sass +0 -9
  113. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +0 -22
  114. data/app/assets/stylesheets/sass/form/file.sass +0 -184
  115. data/app/assets/stylesheets/sass/form/input-textarea.sass +0 -66
  116. data/app/assets/stylesheets/sass/form/select.sass +0 -88
  117. data/app/assets/stylesheets/sass/form/shared.sass +0 -60
  118. data/app/assets/stylesheets/sass/form/tools.sass +0 -215
  119. data/app/assets/stylesheets/sass/grid/_all.sass +0 -5
  120. data/app/assets/stylesheets/sass/grid/columns.sass +0 -513
  121. data/app/assets/stylesheets/sass/grid/tiles.sass +0 -36
  122. data/app/assets/stylesheets/sass/helpers/_all.sass +0 -12
  123. data/app/assets/stylesheets/sass/helpers/color.sass +0 -39
  124. data/app/assets/stylesheets/sass/helpers/flexbox.sass +0 -35
  125. data/app/assets/stylesheets/sass/helpers/float.sass +0 -10
  126. data/app/assets/stylesheets/sass/helpers/other.sass +0 -14
  127. data/app/assets/stylesheets/sass/helpers/overflow.sass +0 -2
  128. data/app/assets/stylesheets/sass/helpers/position.sass +0 -7
  129. data/app/assets/stylesheets/sass/helpers/spacing.sass +0 -31
  130. data/app/assets/stylesheets/sass/helpers/typography.sass +0 -103
  131. data/app/assets/stylesheets/sass/helpers/visibility.sass +0 -122
  132. data/app/assets/stylesheets/sass/layout/_all.sass +0 -6
  133. data/app/assets/stylesheets/sass/layout/footer.sass +0 -11
  134. data/app/assets/stylesheets/sass/layout/hero.sass +0 -153
  135. data/app/assets/stylesheets/sass/layout/section.sass +0 -17
  136. data/app/assets/stylesheets/sass/utilities/_all.sass +0 -9
  137. data/app/assets/stylesheets/sass/utilities/animations.sass +0 -1
  138. data/app/assets/stylesheets/sass/utilities/controls.sass +0 -49
  139. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +0 -114
  140. data/app/assets/stylesheets/sass/utilities/extends.sass +0 -25
  141. data/app/assets/stylesheets/sass/utilities/functions.sass +0 -135
  142. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +0 -79
  143. data/app/assets/stylesheets/sass/utilities/mixins.sass +0 -303
@@ -0,0 +1,460 @@
1
+ @use "initial-variables" as iv;
2
+ @use "css-variables" as cv;
3
+
4
+ @mixin arrow($color: #{cv.getVar("arrow-color")}) {
5
+ border: 0.125em solid $color;
6
+ border-right: 0;
7
+ border-top: 0;
8
+ content: " ";
9
+ display: block;
10
+ height: 0.625em;
11
+ margin-top: -0.4375em;
12
+ pointer-events: none;
13
+ position: absolute;
14
+ top: 50%;
15
+ transform: rotate(-45deg);
16
+ transform-origin: center;
17
+ transition-duration: cv.getVar("duration");
18
+ transition-property: border-color;
19
+ width: 0.625em;
20
+ }
21
+
22
+ @mixin block($spacing: cv.getVar("block-spacing")) {
23
+ &:not(:last-child) {
24
+ margin-bottom: $spacing;
25
+ }
26
+ }
27
+
28
+ @mixin center($width, $height: 0) {
29
+ position: absolute;
30
+ @if $height != 0 {
31
+ left: calc(50% - (#{$width} * 0.5));
32
+ top: calc(50% - (#{$height} * 0.5));
33
+ } @else {
34
+ left: calc(50% - (#{$width} * 0.5));
35
+ top: calc(50% - (#{$width} * 0.5));
36
+ }
37
+ }
38
+
39
+ @mixin clearfix {
40
+ &::after {
41
+ clear: both;
42
+ content: " ";
43
+ display: table;
44
+ }
45
+ }
46
+
47
+ @mixin delete {
48
+ @include cv.register-vars(
49
+ (
50
+ "delete-dimensions": 1.25rem,
51
+ "delete-background-l": 0%,
52
+ "delete-background-alpha": 0.5,
53
+ "delete-color": #{cv.getVar("white")},
54
+ )
55
+ );
56
+
57
+ appearance: none;
58
+ background-color: hsla(
59
+ #{cv.getVar("scheme-h")},
60
+ #{cv.getVar("scheme-s")},
61
+ #{cv.getVar("delete-background-l")},
62
+ #{cv.getVar("delete-background-alpha")}
63
+ );
64
+ border: none;
65
+ border-radius: cv.getVar("radius-rounded");
66
+ cursor: pointer;
67
+ pointer-events: auto;
68
+ display: inline-flex;
69
+ flex-grow: 0;
70
+ flex-shrink: 0;
71
+ font-size: 1em;
72
+ height: cv.getVar("delete-dimensions");
73
+ max-height: cv.getVar("delete-dimensions");
74
+ max-width: cv.getVar("delete-dimensions");
75
+ min-height: cv.getVar("delete-dimensions");
76
+ min-width: cv.getVar("delete-dimensions");
77
+ outline: none;
78
+ position: relative;
79
+ vertical-align: top;
80
+ width: cv.getVar("delete-dimensions");
81
+
82
+ &::before,
83
+ &::after {
84
+ background-color: cv.getVar("delete-color");
85
+ content: "";
86
+ display: block;
87
+ left: 50%;
88
+ position: absolute;
89
+ top: 50%;
90
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
91
+ transform-origin: center center;
92
+ }
93
+
94
+ &::before {
95
+ height: 2px;
96
+ width: 50%;
97
+ }
98
+
99
+ &::after {
100
+ height: 50%;
101
+ width: 2px;
102
+ }
103
+
104
+ &:hover,
105
+ &:focus {
106
+ @include cv.register-var("delete-background-alpha", 0.4);
107
+ }
108
+
109
+ &:active {
110
+ @include cv.register-var("delete-background-alpha", 0.5);
111
+ }
112
+
113
+ // Sizes
114
+ &.#{iv.$class-prefix}is-small {
115
+ @include cv.register-var("delete-dimensions", 1rem);
116
+ }
117
+
118
+ &.#{iv.$class-prefix}is-medium {
119
+ @include cv.register-var("delete-dimensions", 1.5rem);
120
+ }
121
+
122
+ &.#{iv.$class-prefix}is-large {
123
+ @include cv.register-var("delete-dimensions", 2rem);
124
+ }
125
+ }
126
+
127
+ @mixin fa($size, $dimensions) {
128
+ display: inline-block;
129
+ font-size: $size;
130
+ height: $dimensions;
131
+ line-height: $dimensions;
132
+ text-align: center;
133
+ vertical-align: top;
134
+ width: $dimensions;
135
+ }
136
+
137
+ @mixin burger($dimensions) {
138
+ align-items: center;
139
+ appearance: none;
140
+ background: none;
141
+ border: none;
142
+ border-radius: cv.getVar("burger-border-radius");
143
+ color: hsl(
144
+ cv.getVar("burger-h"),
145
+ cv.getVar("burger-s"),
146
+ cv.getVar("burger-l")
147
+ );
148
+ cursor: pointer;
149
+ display: inline-flex;
150
+ flex-direction: column;
151
+ flex-shrink: 0;
152
+ height: $dimensions;
153
+ justify-content: center;
154
+ position: relative;
155
+ vertical-align: top;
156
+ width: $dimensions;
157
+
158
+ span {
159
+ background-color: currentColor;
160
+ display: block;
161
+ height: cv.getVar("burger-item-height");
162
+ left: calc(50% - calc(#{cv.getVar("burger-item-width")}) / 2);
163
+ position: absolute;
164
+ transform-origin: center;
165
+ transition-duration: cv.getVar("duration");
166
+ transition-property: background-color, color, opacity, transform;
167
+ transition-timing-function: cv.getVar("easing");
168
+ width: cv.getVar("burger-item-width");
169
+
170
+ &:nth-child(1),
171
+ &:nth-child(2) {
172
+ top: calc(50% - calc(#{cv.getVar("burger-item-height")}) / 2);
173
+ }
174
+
175
+ &:nth-child(3) {
176
+ bottom: calc(50% + #{cv.getVar("burger-gap")});
177
+ }
178
+
179
+ &:nth-child(4) {
180
+ top: calc(50% + #{cv.getVar("burger-gap")});
181
+ }
182
+ }
183
+
184
+ &:hover {
185
+ background-color: hsla(
186
+ cv.getVar("burger-h"),
187
+ cv.getVar("burger-s"),
188
+ cv.getVar("burger-l"),
189
+ 0.1
190
+ );
191
+ }
192
+
193
+ &:active {
194
+ background-color: hsla(
195
+ cv.getVar("burger-h"),
196
+ cv.getVar("burger-s"),
197
+ cv.getVar("burger-l"),
198
+ 0.2
199
+ );
200
+ }
201
+
202
+ // Modifers
203
+ &.#{iv.$class-prefix}is-active {
204
+ span {
205
+ &:nth-child(1) {
206
+ transform: rotate(-45deg);
207
+ }
208
+
209
+ &:nth-child(2) {
210
+ transform: rotate(45deg);
211
+ }
212
+
213
+ &:nth-child(3),
214
+ &:nth-child(4) {
215
+ opacity: 0;
216
+ }
217
+ }
218
+ }
219
+ }
220
+
221
+ @mixin overflow-touch {
222
+ -webkit-overflow-scrolling: touch;
223
+ }
224
+
225
+ @mixin placeholder {
226
+ $placeholders: ":-moz" ":-webkit-input" "-moz" "-ms-input";
227
+
228
+ @each $placeholder in $placeholders {
229
+ &:#{$placeholder}-placeholder {
230
+ @content;
231
+ }
232
+ }
233
+ }
234
+
235
+ @mixin reset {
236
+ appearance: none;
237
+ background: none;
238
+ border: none;
239
+ color: inherit;
240
+ font-family: inherit;
241
+ font-size: 1em;
242
+ margin: 0;
243
+ padding: 0;
244
+ }
245
+
246
+ @mixin selection($current-selector: false) {
247
+ @if $current-selector {
248
+ &::-moz-selection {
249
+ @content;
250
+ }
251
+ &::selection {
252
+ @content;
253
+ }
254
+ } @else {
255
+ ::-moz-selection {
256
+ @content;
257
+ }
258
+ ::selection {
259
+ @content;
260
+ }
261
+ }
262
+ }
263
+
264
+ // Responsiveness
265
+
266
+ @mixin from($device) {
267
+ @media screen and (min-width: $device) {
268
+ @content;
269
+ }
270
+ }
271
+
272
+ @mixin until($device) {
273
+ @media screen and (max-width: ($device - 1px)) {
274
+ @content;
275
+ }
276
+ }
277
+
278
+ @mixin between($from, $until) {
279
+ @media screen and (min-width: $from) and (max-width: ($until - 1px)) {
280
+ @content;
281
+ }
282
+ }
283
+
284
+ @mixin mobile {
285
+ @media screen and (max-width: (iv.$tablet - 1px)) {
286
+ @content;
287
+ }
288
+ }
289
+
290
+ @mixin tablet {
291
+ @media screen and (min-width: iv.$tablet), print {
292
+ @content;
293
+ }
294
+ }
295
+
296
+ @mixin tablet-only {
297
+ @media screen and (min-width: iv.$tablet) and (max-width: (iv.$desktop - 1px)) {
298
+ @content;
299
+ }
300
+ }
301
+
302
+ @mixin touch {
303
+ @media screen and (max-width: (iv.$desktop - 1px)) {
304
+ @content;
305
+ }
306
+ }
307
+
308
+ @mixin desktop {
309
+ @media screen and (min-width: iv.$desktop) {
310
+ @content;
311
+ }
312
+ }
313
+
314
+ @mixin desktop-only {
315
+ @if iv.$widescreen-enabled {
316
+ @media screen and (min-width: iv.$desktop) and (max-width: (iv.$widescreen - 1px)) {
317
+ @content;
318
+ }
319
+ }
320
+ }
321
+
322
+ @mixin until-widescreen {
323
+ @if iv.$widescreen-enabled {
324
+ @media screen and (max-width: (iv.$widescreen - 1px)) {
325
+ @content;
326
+ }
327
+ }
328
+ }
329
+
330
+ @mixin widescreen {
331
+ @if iv.$widescreen-enabled {
332
+ @media screen and (min-width: iv.$widescreen) {
333
+ @content;
334
+ }
335
+ }
336
+ }
337
+
338
+ @mixin widescreen-only {
339
+ @if iv.$widescreen-enabled and iv.$fullhd-enabled {
340
+ @media screen and (min-width: iv.$widescreen) and (max-width: (iv.$fullhd - 1px)) {
341
+ @content;
342
+ }
343
+ }
344
+ }
345
+
346
+ @mixin until-fullhd {
347
+ @if iv.$fullhd-enabled {
348
+ @media screen and (max-width: (iv.$fullhd - 1px)) {
349
+ @content;
350
+ }
351
+ }
352
+ }
353
+
354
+ @mixin fullhd {
355
+ @if iv.$fullhd-enabled {
356
+ @media screen and (min-width: iv.$fullhd) {
357
+ @content;
358
+ }
359
+ }
360
+ }
361
+
362
+ @mixin breakpoint($name) {
363
+ $breakpoint: map-get(iv.$breakpoints, $name);
364
+
365
+ @if $breakpoint {
366
+ $from: map-get($breakpoint, "from");
367
+ $until: map-get($breakpoint, "until");
368
+
369
+ @if $from and $until {
370
+ @include between($from, $until) {
371
+ @content;
372
+ }
373
+ } @else if $from {
374
+ @include from($from) {
375
+ @content;
376
+ }
377
+ } @else if $until {
378
+ @include until($until) {
379
+ @content;
380
+ }
381
+ }
382
+ }
383
+ }
384
+
385
+ @mixin container-from($name, $width) {
386
+ @container #{$name} (min-width: #{$width}) {
387
+ @content;
388
+ }
389
+ }
390
+
391
+ @mixin container-until($name, $width) {
392
+ @container #{$name} (max-width: #{$width - 1px}) {
393
+ @content;
394
+ }
395
+ }
396
+
397
+ @mixin ltr {
398
+ @if not iv.$rtl {
399
+ @content;
400
+ }
401
+ }
402
+
403
+ @mixin rtl {
404
+ @if iv.$rtl {
405
+ @content;
406
+ }
407
+ }
408
+
409
+ @mixin ltr-property($property, $spacing, $right: true) {
410
+ $normal: if($right, "right", "left");
411
+ $opposite: if($right, "left", "right");
412
+
413
+ @if iv.$rtl {
414
+ #{$property}-#{$opposite}: $spacing;
415
+ } @else {
416
+ #{$property}-#{$normal}: $spacing;
417
+ }
418
+ }
419
+
420
+ @mixin ltr-position($spacing, $right: true) {
421
+ $normal: if($right, "right", "left");
422
+ $opposite: if($right, "left", "right");
423
+
424
+ @if iv.$rtl {
425
+ #{$opposite}: $spacing;
426
+ } @else {
427
+ #{$normal}: $spacing;
428
+ }
429
+ }
430
+
431
+ // Placeholders
432
+
433
+ @mixin unselectable {
434
+ -webkit-touch-callout: none;
435
+ -webkit-user-select: none;
436
+ -moz-user-select: none;
437
+ -ms-user-select: none;
438
+ user-select: none;
439
+ }
440
+
441
+ @mixin loader {
442
+ animation: spinAround 500ms infinite linear;
443
+ border: 2px solid cv.getVar("loading-color");
444
+ border-radius: cv.getVar("radius-rounded");
445
+ border-right-color: transparent;
446
+ border-top-color: transparent;
447
+ content: "";
448
+ display: block;
449
+ height: 1em;
450
+ position: relative;
451
+ width: 1em;
452
+ }
453
+
454
+ @mixin overlay($offset: 0) {
455
+ bottom: $offset;
456
+ left: $offset;
457
+ position: absolute;
458
+ right: $offset;
459
+ top: $offset;
460
+ }
data/bulma-rails.gemspec CHANGED
@@ -1,8 +1,6 @@
1
- # -*- encoding: utf-8 -*-
2
-
3
1
  Gem::Specification.new do |gem|
4
- gem.name = 'bulma-rails'
5
- gem.version = '0.9.4'
2
+ gem.name = "bulma-rails"
3
+ gem.version = "1.0.2"
6
4
  gem.authors = ["Joshua Jansen"]
7
5
  gem.email = ["joshuajansen88@gmail.com"]
8
6
  gem.description = %q{A modern CSS framework based on Flexbox}
@@ -11,7 +9,7 @@ Gem::Specification.new do |gem|
11
9
 
12
10
  gem.files = `git ls-files`.split($\)
13
11
  gem.require_paths = ["lib"]
14
- gem.license = 'MIT'
12
+ gem.license = "MIT"
15
13
 
16
- gem.add_runtime_dependency 'sassc', '~> 2.0'
14
+ gem.add_runtime_dependency "dartsass-rails", "~> 0.5.0"
17
15
  end
metadata CHANGED
@@ -1,29 +1,29 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bulma-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.4
4
+ version: 1.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joshua Jansen
8
- autorequire:
8
+ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-10-17 00:00:00.000000000 Z
11
+ date: 2024-08-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
- name: sassc
14
+ name: dartsass-rails
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
17
  - - "~>"
18
18
  - !ruby/object:Gem::Version
19
- version: '2.0'
19
+ version: 0.5.0
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
24
  - - "~>"
25
25
  - !ruby/object:Gem::Version
26
- version: '2.0'
26
+ version: 0.5.0
27
27
  description: A modern CSS framework based on Flexbox
28
28
  email:
29
29
  - joshuajansen88@gmail.com
@@ -33,78 +33,87 @@ extra_rdoc_files: []
33
33
  files:
34
34
  - ".gitignore"
35
35
  - README.md
36
- - app/assets/stylesheets/bulma.sass
37
- - app/assets/stylesheets/sass/base/_all.sass
38
- - app/assets/stylesheets/sass/base/animations.sass
39
- - app/assets/stylesheets/sass/base/generic.sass
40
- - app/assets/stylesheets/sass/base/helpers.sass
41
- - app/assets/stylesheets/sass/base/minireset.sass
42
- - app/assets/stylesheets/sass/components/_all.sass
43
- - app/assets/stylesheets/sass/components/breadcrumb.sass
44
- - app/assets/stylesheets/sass/components/card.sass
45
- - app/assets/stylesheets/sass/components/dropdown.sass
46
- - app/assets/stylesheets/sass/components/level.sass
47
- - app/assets/stylesheets/sass/components/media.sass
48
- - app/assets/stylesheets/sass/components/menu.sass
49
- - app/assets/stylesheets/sass/components/message.sass
50
- - app/assets/stylesheets/sass/components/modal.sass
51
- - app/assets/stylesheets/sass/components/navbar.sass
52
- - app/assets/stylesheets/sass/components/pagination.sass
53
- - app/assets/stylesheets/sass/components/panel.sass
54
- - app/assets/stylesheets/sass/components/tabs.sass
55
- - app/assets/stylesheets/sass/elements/_all.sass
56
- - app/assets/stylesheets/sass/elements/box.sass
57
- - app/assets/stylesheets/sass/elements/button.sass
58
- - app/assets/stylesheets/sass/elements/container.sass
59
- - app/assets/stylesheets/sass/elements/content.sass
60
- - app/assets/stylesheets/sass/elements/form.sass
61
- - app/assets/stylesheets/sass/elements/icon.sass
62
- - app/assets/stylesheets/sass/elements/image.sass
63
- - app/assets/stylesheets/sass/elements/notification.sass
64
- - app/assets/stylesheets/sass/elements/other.sass
65
- - app/assets/stylesheets/sass/elements/progress.sass
66
- - app/assets/stylesheets/sass/elements/table.sass
67
- - app/assets/stylesheets/sass/elements/tag.sass
68
- - app/assets/stylesheets/sass/elements/title.sass
69
- - app/assets/stylesheets/sass/form/_all.sass
70
- - app/assets/stylesheets/sass/form/checkbox-radio.sass
71
- - app/assets/stylesheets/sass/form/file.sass
72
- - app/assets/stylesheets/sass/form/input-textarea.sass
73
- - app/assets/stylesheets/sass/form/select.sass
74
- - app/assets/stylesheets/sass/form/shared.sass
75
- - app/assets/stylesheets/sass/form/tools.sass
76
- - app/assets/stylesheets/sass/grid/_all.sass
77
- - app/assets/stylesheets/sass/grid/columns.sass
78
- - app/assets/stylesheets/sass/grid/tiles.sass
79
- - app/assets/stylesheets/sass/helpers/_all.sass
80
- - app/assets/stylesheets/sass/helpers/color.sass
81
- - app/assets/stylesheets/sass/helpers/flexbox.sass
82
- - app/assets/stylesheets/sass/helpers/float.sass
83
- - app/assets/stylesheets/sass/helpers/other.sass
84
- - app/assets/stylesheets/sass/helpers/overflow.sass
85
- - app/assets/stylesheets/sass/helpers/position.sass
86
- - app/assets/stylesheets/sass/helpers/spacing.sass
87
- - app/assets/stylesheets/sass/helpers/typography.sass
88
- - app/assets/stylesheets/sass/helpers/visibility.sass
89
- - app/assets/stylesheets/sass/layout/_all.sass
90
- - app/assets/stylesheets/sass/layout/footer.sass
91
- - app/assets/stylesheets/sass/layout/hero.sass
92
- - app/assets/stylesheets/sass/layout/section.sass
93
- - app/assets/stylesheets/sass/utilities/_all.sass
94
- - app/assets/stylesheets/sass/utilities/animations.sass
95
- - app/assets/stylesheets/sass/utilities/controls.sass
96
- - app/assets/stylesheets/sass/utilities/derived-variables.sass
97
- - app/assets/stylesheets/sass/utilities/extends.sass
98
- - app/assets/stylesheets/sass/utilities/functions.sass
99
- - app/assets/stylesheets/sass/utilities/initial-variables.sass
100
- - app/assets/stylesheets/sass/utilities/mixins.sass
36
+ - app/assets/stylesheets/bulma.scss
37
+ - app/assets/stylesheets/sass/_index.scss
38
+ - app/assets/stylesheets/sass/base/_index.scss
39
+ - app/assets/stylesheets/sass/base/animations.scss
40
+ - app/assets/stylesheets/sass/base/generic.scss
41
+ - app/assets/stylesheets/sass/base/minireset.scss
42
+ - app/assets/stylesheets/sass/base/skeleton.scss
43
+ - app/assets/stylesheets/sass/components/_index.scss
44
+ - app/assets/stylesheets/sass/components/breadcrumb.scss
45
+ - app/assets/stylesheets/sass/components/card.scss
46
+ - app/assets/stylesheets/sass/components/dropdown.scss
47
+ - app/assets/stylesheets/sass/components/menu.scss
48
+ - app/assets/stylesheets/sass/components/message.scss
49
+ - app/assets/stylesheets/sass/components/modal.scss
50
+ - app/assets/stylesheets/sass/components/navbar.scss
51
+ - app/assets/stylesheets/sass/components/pagination.scss
52
+ - app/assets/stylesheets/sass/components/panel.scss
53
+ - app/assets/stylesheets/sass/components/tabs.scss
54
+ - app/assets/stylesheets/sass/elements/_index.scss
55
+ - app/assets/stylesheets/sass/elements/block.scss
56
+ - app/assets/stylesheets/sass/elements/box.scss
57
+ - app/assets/stylesheets/sass/elements/button.scss
58
+ - app/assets/stylesheets/sass/elements/content.scss
59
+ - app/assets/stylesheets/sass/elements/delete.scss
60
+ - app/assets/stylesheets/sass/elements/icon.scss
61
+ - app/assets/stylesheets/sass/elements/image.scss
62
+ - app/assets/stylesheets/sass/elements/loader.scss
63
+ - app/assets/stylesheets/sass/elements/notification.scss
64
+ - app/assets/stylesheets/sass/elements/progress.scss
65
+ - app/assets/stylesheets/sass/elements/table.scss
66
+ - app/assets/stylesheets/sass/elements/tag.scss
67
+ - app/assets/stylesheets/sass/elements/title.scss
68
+ - app/assets/stylesheets/sass/form/_index.scss
69
+ - app/assets/stylesheets/sass/form/checkbox-radio.scss
70
+ - app/assets/stylesheets/sass/form/file.scss
71
+ - app/assets/stylesheets/sass/form/input-textarea.scss
72
+ - app/assets/stylesheets/sass/form/select.scss
73
+ - app/assets/stylesheets/sass/form/shared.scss
74
+ - app/assets/stylesheets/sass/form/tools.scss
75
+ - app/assets/stylesheets/sass/grid/_index.scss
76
+ - app/assets/stylesheets/sass/grid/columns.scss
77
+ - app/assets/stylesheets/sass/grid/grid.scss
78
+ - app/assets/stylesheets/sass/helpers/_index.scss
79
+ - app/assets/stylesheets/sass/helpers/aspect-ratio.scss
80
+ - app/assets/stylesheets/sass/helpers/border.scss
81
+ - app/assets/stylesheets/sass/helpers/color.scss
82
+ - app/assets/stylesheets/sass/helpers/flexbox.scss
83
+ - app/assets/stylesheets/sass/helpers/float.scss
84
+ - app/assets/stylesheets/sass/helpers/gap.scss
85
+ - app/assets/stylesheets/sass/helpers/other.scss
86
+ - app/assets/stylesheets/sass/helpers/overflow.scss
87
+ - app/assets/stylesheets/sass/helpers/position.scss
88
+ - app/assets/stylesheets/sass/helpers/spacing.scss
89
+ - app/assets/stylesheets/sass/helpers/typography.scss
90
+ - app/assets/stylesheets/sass/helpers/visibility.scss
91
+ - app/assets/stylesheets/sass/layout/_index.scss
92
+ - app/assets/stylesheets/sass/layout/container.scss
93
+ - app/assets/stylesheets/sass/layout/footer.scss
94
+ - app/assets/stylesheets/sass/layout/hero.scss
95
+ - app/assets/stylesheets/sass/layout/level.scss
96
+ - app/assets/stylesheets/sass/layout/media.scss
97
+ - app/assets/stylesheets/sass/layout/section.scss
98
+ - app/assets/stylesheets/sass/themes/_index.scss
99
+ - app/assets/stylesheets/sass/themes/dark.scss
100
+ - app/assets/stylesheets/sass/themes/light.scss
101
+ - app/assets/stylesheets/sass/themes/setup.scss
102
+ - app/assets/stylesheets/sass/utilities/_index.scss
103
+ - app/assets/stylesheets/sass/utilities/controls.scss
104
+ - app/assets/stylesheets/sass/utilities/css-variables.scss
105
+ - app/assets/stylesheets/sass/utilities/derived-variables.scss
106
+ - app/assets/stylesheets/sass/utilities/extends.scss
107
+ - app/assets/stylesheets/sass/utilities/functions.scss
108
+ - app/assets/stylesheets/sass/utilities/initial-variables.scss
109
+ - app/assets/stylesheets/sass/utilities/mixins.scss
101
110
  - bulma-rails.gemspec
102
111
  - lib/bulma-rails.rb
103
112
  homepage: https://github.com/joshuajansen/bulma-rails
104
113
  licenses:
105
114
  - MIT
106
115
  metadata: {}
107
- post_install_message:
116
+ post_install_message:
108
117
  rdoc_options: []
109
118
  require_paths:
110
119
  - lib
@@ -119,8 +128,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
119
128
  - !ruby/object:Gem::Version
120
129
  version: '0'
121
130
  requirements: []
122
- rubygems_version: 3.3.3
123
- signing_key:
131
+ rubygems_version: 3.3.5
132
+ signing_key:
124
133
  specification_version: 4
125
134
  summary: This gem adds the bulma.io assets to your asset pipeline so you can import
126
135
  them in your Rails project.
@@ -1,10 +0,0 @@
1
- @charset "utf-8"
2
- /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
3
- @import "sass/utilities/_all"
4
- @import "sass/base/_all"
5
- @import "sass/elements/_all"
6
- @import "sass/form/_all"
7
- @import "sass/components/_all"
8
- @import "sass/grid/_all"
9
- @import "sass/helpers/_all"
10
- @import "sass/layout/_all"