bulma-rails 0.9.0 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/app/assets/stylesheets/bulma.sass +1 -1
  4. data/app/assets/stylesheets/sass/base/_all.sass +1 -0
  5. data/app/assets/stylesheets/sass/base/generic.sass +1 -0
  6. data/app/assets/stylesheets/sass/components/_all.sass +1 -0
  7. data/app/assets/stylesheets/sass/components/card.sass +4 -0
  8. data/app/assets/stylesheets/sass/components/modal.sass +3 -1
  9. data/app/assets/stylesheets/sass/components/navbar.sass +3 -1
  10. data/app/assets/stylesheets/sass/elements/_all.sass +1 -0
  11. data/app/assets/stylesheets/sass/elements/button.sass +3 -1
  12. data/app/assets/stylesheets/sass/elements/container.sass +10 -7
  13. data/app/assets/stylesheets/sass/elements/notification.sass +3 -1
  14. data/app/assets/stylesheets/sass/elements/progress.sass +5 -1
  15. data/app/assets/stylesheets/sass/elements/table.sass +3 -1
  16. data/app/assets/stylesheets/sass/elements/tag.sass +3 -1
  17. data/app/assets/stylesheets/sass/form/_all.sass +1 -0
  18. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +2 -1
  19. data/app/assets/stylesheets/sass/form/file.sass +3 -1
  20. data/app/assets/stylesheets/sass/form/input-textarea.sass +3 -1
  21. data/app/assets/stylesheets/sass/form/select.sass +3 -1
  22. data/app/assets/stylesheets/sass/form/shared.sass +2 -0
  23. data/app/assets/stylesheets/sass/form/tools.sass +3 -1
  24. data/app/assets/stylesheets/sass/grid/_all.sass +1 -0
  25. data/app/assets/stylesheets/sass/helpers/_all.sass +2 -0
  26. data/app/assets/stylesheets/sass/helpers/flexbox.sass +35 -0
  27. data/app/assets/stylesheets/sass/helpers/other.sass +3 -0
  28. data/app/assets/stylesheets/sass/helpers/spacing.sass +3 -0
  29. data/app/assets/stylesheets/sass/layout/_all.sass +1 -0
  30. data/app/assets/stylesheets/sass/layout/hero.sass +3 -1
  31. data/app/assets/stylesheets/sass/utilities/_all.sass +2 -1
  32. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +107 -0
  33. data/bulma-rails.gemspec +1 -1
  34. metadata +5 -4
  35. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +0 -132
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7c187d8e95e7482bbecab4a5e320ccdce88f049367e3d639054d1845fc99d0f4
4
- data.tar.gz: 020c68825cef7a2d45a64d59f61b008326a99bd8cad9b6bd41a17a5c39b5edcf
3
+ metadata.gz: 41b5fc12ffe9ec0813cb85b62e9c378dde1bf49cb495310321f98670babc5e81
4
+ data.tar.gz: e1f1416581b6145f60a72119eabfa4584f4c8ecc2cf667247983327078b2b3a2
5
5
  SHA512:
6
- metadata.gz: 01e0140a8537b859ea5ca35a1b31a93fd93a25737a69d42ce8d6f25ab4de50be9a7b3c8aedfeae6bfe1937475b620f4ad62dc97f1be3d0088080b3728e8b8650
7
- data.tar.gz: a84d032d4f015c10933c1d3cdf6a6a616da806c8301e887da6134c19a257f7c8941a126f4dd2157cf9ab8f23d93920495db9f54d2d9a0d4b3e675e556f98a782
6
+ metadata.gz: d0201fcc1931f21bad020d6ad7c2667ad9381fc5cc93c2bcfb92f59be0ba68a197da9785d5f91e8b5b11e746a1080a8146e1157e5a323280dd078f79a65b66a0
7
+ data.tar.gz: c2473c57268be1eb151fcb54c9c8575561501d1ea003455ac67fb344cf5f3e45322ba22139e6c78e022ea94f06f818753604e3ff6ef589225259daf54133f423
data/README.md CHANGED
@@ -8,7 +8,7 @@ A modern CSS framework based on Flexbox.
8
8
 
9
9
  Add this line to your application's Gemfile:
10
10
 
11
- gem "bulma-rails", "~> 0.9.0"
11
+ gem "bulma-rails", "~> 0.9.1"
12
12
 
13
13
  And then execute:
14
14
 
@@ -1,5 +1,5 @@
1
1
  @charset "utf-8"
2
- /*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */
2
+ /*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
3
3
  @import "sass/utilities/_all"
4
4
  @import "sass/base/_all"
5
5
  @import "sass/elements/_all"
@@ -1,3 +1,4 @@
1
+ /* Bulma Base */
1
2
  @charset "utf-8"
2
3
 
3
4
  @import "minireset.sass"
@@ -52,6 +52,7 @@ section
52
52
  body,
53
53
  button,
54
54
  input,
55
+ optgroup,
55
56
  select,
56
57
  textarea
57
58
  font-family: $body-family
@@ -1,3 +1,4 @@
1
+ /* Bulma Components */
1
2
  @charset "utf-8"
2
3
 
3
4
  @import "breadcrumb.sass"
@@ -1,6 +1,8 @@
1
1
  $card-color: $text !default
2
2
  $card-background-color: $scheme-main !default
3
3
  $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
4
+ $card-radius: 0.25rem !default
5
+ $card-overflow: hidden !default
4
6
 
5
7
  $card-header-background-color: transparent !default
6
8
  $card-header-color: $text-strong !default
@@ -19,9 +21,11 @@ $card-media-margin: $block-spacing !default
19
21
 
20
22
  .card
21
23
  background-color: $card-background-color
24
+ border-radius: $card-radius
22
25
  box-shadow: $card-shadow
23
26
  color: $card-color
24
27
  max-width: 100%
28
+ overflow: $card-overflow
25
29
  position: relative
26
30
 
27
31
  .card-header
@@ -28,6 +28,8 @@ $modal-card-foot-border-top: 1px solid $border !default
28
28
  $modal-card-body-background-color: $scheme-main !default
29
29
  $modal-card-body-padding: 20px !default
30
30
 
31
+ $modal-breakpoint: $tablet !default
32
+
31
33
  .modal
32
34
  @extend %overlay
33
35
  align-items: center
@@ -53,7 +55,7 @@ $modal-card-body-padding: 20px !default
53
55
  position: relative
54
56
  width: 100%
55
57
  // Responsiveness
56
- +tablet
58
+ +from($modal-breakpoint)
57
59
  margin: 0 auto
58
60
  max-height: calc(100vh - #{$modal-content-spacing-tablet})
59
61
  width: $modal-content-width
@@ -46,6 +46,8 @@ $navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
46
46
 
47
47
  $navbar-breakpoint: $desktop !default
48
48
 
49
+ $navbar-colors: $colors !default
50
+
49
51
  =navbar-fixed
50
52
  left: 0
51
53
  position: fixed
@@ -57,7 +59,7 @@ $navbar-breakpoint: $desktop !default
57
59
  min-height: $navbar-height
58
60
  position: relative
59
61
  z-index: $navbar-z
60
- @each $name, $pair in $colors
62
+ @each $name, $pair in $navbar-colors
61
63
  $color: nth($pair, 1)
62
64
  $color-invert: nth($pair, 2)
63
65
  &.is-#{$name}
@@ -1,3 +1,4 @@
1
+ /* Bulma Elements */
1
2
  @charset "utf-8"
2
3
 
3
4
  @import "box.sass"
@@ -33,6 +33,8 @@ $button-static-color: $text-light !default
33
33
  $button-static-background-color: $scheme-main-ter !default
34
34
  $button-static-border-color: $border !default
35
35
 
36
+ $button-colors: $colors !default
37
+
36
38
  // The button sizes use mixins so they can be used at different breakpoints
37
39
  =button-small
38
40
  border-radius: $radius-small
@@ -115,7 +117,7 @@ $button-static-border-color: $border !default
115
117
  background-color: transparent
116
118
  border-color: transparent
117
119
  box-shadow: none
118
- @each $name, $pair in $colors
120
+ @each $name, $pair in $button-colors
119
121
  $color: nth($pair, 1)
120
122
  $color-invert: nth($pair, 2)
121
123
  &.is-#{$name}
@@ -1,4 +1,5 @@
1
1
  $container-offset: (2 * $gap) !default
2
+ $container-max-width: $fullhd !default
2
3
 
3
4
  .container
4
5
  flex-grow: 1
@@ -6,19 +7,21 @@ $container-offset: (2 * $gap) !default
6
7
  position: relative
7
8
  width: auto
8
9
  &.is-fluid
9
- max-width: none
10
+ max-width: none !important
10
11
  padding-left: $gap
11
12
  padding-right: $gap
12
13
  width: 100%
13
14
  +desktop
14
15
  max-width: $desktop - $container-offset
15
16
  +until-widescreen
16
- &.is-widescreen
17
- max-width: $widescreen - $container-offset
17
+ &.is-widescreen:not(.is-max-desktop)
18
+ max-width: min($widescreen, $container-max-width) - $container-offset
18
19
  +until-fullhd
19
- &.is-fullhd
20
- max-width: $fullhd - $container-offset
20
+ &.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
21
+ max-width: min($fullhd, $container-max-width) - $container-offset
21
22
  +widescreen
22
- max-width: $widescreen - $container-offset
23
+ &:not(.is-max-desktop)
24
+ max-width: min($widescreen, $container-max-width) - $container-offset
23
25
  +fullhd
24
- max-width: $fullhd - $container-offset
26
+ &:not(.is-max-desktop):not(.is-max-widescreen)
27
+ max-width: min($fullhd, $container-max-width) - $container-offset
@@ -5,6 +5,8 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
5
5
  $notification-padding-ltr: 1.25rem 2.5rem 1.25rem 1.5rem !default
6
6
  $notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
7
7
 
8
+ $notification-colors: $colors !default
9
+
8
10
  .notification
9
11
  @extend %block
10
12
  background-color: $notification-background-color
@@ -33,7 +35,7 @@ $notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
33
35
  .content
34
36
  color: currentColor
35
37
  // Colors
36
- @each $name, $pair in $colors
38
+ @each $name, $pair in $notification-colors
37
39
  $color: nth($pair, 1)
38
40
  $color-invert: nth($pair, 2)
39
41
  &.is-#{$name}
@@ -4,6 +4,8 @@ $progress-border-radius: $radius-rounded !default
4
4
 
5
5
  $progress-indeterminate-duration: 1.5s !default
6
6
 
7
+ $progress-colors: $colors !default
8
+
7
9
  .progress
8
10
  @extend %block
9
11
  -moz-appearance: none
@@ -25,7 +27,7 @@ $progress-indeterminate-duration: 1.5s !default
25
27
  background-color: $progress-value-background-color
26
28
  border: none
27
29
  // Colors
28
- @each $name, $pair in $colors
30
+ @each $name, $pair in $progress-colors
29
31
  $color: nth($pair, 1)
30
32
  &.is-#{$name}
31
33
  &::-webkit-progress-value
@@ -51,6 +53,8 @@ $progress-indeterminate-duration: 1.5s !default
51
53
  background-color: transparent
52
54
  &::-moz-progress-bar
53
55
  background-color: transparent
56
+ &::-ms-fill
57
+ animation-name: none
54
58
 
55
59
  // Sizes
56
60
  &.is-small
@@ -23,6 +23,8 @@ $table-row-active-color: $primary-invert !default
23
23
  $table-striped-row-even-background-color: $scheme-main-bis !default
24
24
  $table-striped-row-even-hover-background-color: $scheme-main-ter !default
25
25
 
26
+ $table-colors: $colors !default
27
+
26
28
  .table
27
29
  @extend %block
28
30
  background-color: $table-background-color
@@ -34,7 +36,7 @@ $table-striped-row-even-hover-background-color: $scheme-main-ter !default
34
36
  padding: $table-cell-padding
35
37
  vertical-align: top
36
38
  // Colors
37
- @each $name, $pair in $colors
39
+ @each $name, $pair in $table-colors
38
40
  $color: nth($pair, 1)
39
41
  $color-invert: nth($pair, 2)
40
42
  &.is-#{$name}
@@ -3,6 +3,8 @@ $tag-color: $text !default
3
3
  $tag-radius: $radius !default
4
4
  $tag-delete-margin: 1px !default
5
5
 
6
+ $tag-colors: $colors !default
7
+
6
8
  .tags
7
9
  align-items: center
8
10
  display: flex
@@ -71,7 +73,7 @@ $tag-delete-margin: 1px !default
71
73
  +ltr-property("margin", 0.25rem, false)
72
74
  +ltr-property("margin", -0.375rem)
73
75
  // Colors
74
- @each $name, $pair in $colors
76
+ @each $name, $pair in $tag-colors
75
77
  $color: nth($pair, 1)
76
78
  $color-invert: nth($pair, 2)
77
79
  &.is-#{$name}
@@ -1,3 +1,4 @@
1
+ /* Bulma Form */
1
2
  @charset "utf-8"
2
3
 
3
4
  @import "shared.sass"
@@ -8,7 +8,8 @@
8
8
  &:hover
9
9
  color: $input-hover-color
10
10
  &[disabled],
11
- fieldset[disabled] &
11
+ fieldset[disabled] &,
12
+ input[disabled]
12
13
  color: $input-disabled-color
13
14
  cursor: not-allowed
14
15
 
@@ -11,6 +11,8 @@ $file-name-border-style: solid !default
11
11
  $file-name-border-width: 1px 1px 1px 0 !default
12
12
  $file-name-max-width: 16em !default
13
13
 
14
+ $file-colors: $form-colors !default
15
+
14
16
  .file
15
17
  @extend %unselectable
16
18
  align-items: stretch
@@ -18,7 +20,7 @@ $file-name-max-width: 16em !default
18
20
  justify-content: flex-start
19
21
  position: relative
20
22
  // Colors
21
- @each $name, $pair in $colors
23
+ @each $name, $pair in $file-colors
22
24
  $color: nth($pair, 1)
23
25
  $color-invert: nth($pair, 2)
24
26
  &.is-#{$name}
@@ -2,6 +2,8 @@ $textarea-padding: $control-padding-horizontal !default
2
2
  $textarea-max-height: 40em !default
3
3
  $textarea-min-height: 8em !default
4
4
 
5
+ $textarea-colors: $form-colors !default
6
+
5
7
  %input-textarea
6
8
  @extend %input
7
9
  box-shadow: $input-shadow
@@ -10,7 +12,7 @@ $textarea-min-height: 8em !default
10
12
  &[readonly]
11
13
  box-shadow: none
12
14
  // Colors
13
- @each $name, $pair in $colors
15
+ @each $name, $pair in $textarea-colors
14
16
  $color: nth($pair, 1)
15
17
  &.is-#{$name}
16
18
  border-color: $color
@@ -1,3 +1,5 @@
1
+ $select-colors: $form-colors !default
2
+
1
3
  .select
2
4
  display: inline-block
3
5
  max-width: 100%
@@ -39,7 +41,7 @@
39
41
  &::after
40
42
  border-color: $input-hover-color
41
43
  // Colors
42
- @each $name, $pair in $colors
44
+ @each $name, $pair in $select-colors
43
45
  $color: nth($pair, 1)
44
46
  &.is-#{$name}
45
47
  &:not(:hover)::after
@@ -1,3 +1,5 @@
1
+ $form-colors: $colors !default
2
+
1
3
  $input-color: $text-strong !default
2
4
  $input-background-color: $scheme-main !default
3
5
  $input-border-color: $border !default
@@ -3,6 +3,8 @@ $label-weight: $weight-bold !default
3
3
 
4
4
  $help-size: $size-small !default
5
5
 
6
+ $label-colors: $form-colors !default
7
+
6
8
  .label
7
9
  color: $label-color
8
10
  display: block
@@ -22,7 +24,7 @@ $help-size: $size-small !default
22
24
  display: block
23
25
  font-size: $help-size
24
26
  margin-top: 0.25rem
25
- @each $name, $pair in $colors
27
+ @each $name, $pair in $label-colors
26
28
  $color: nth($pair, 1)
27
29
  &.is-#{$name}
28
30
  color: $color
@@ -1,3 +1,4 @@
1
+ /* Bulma Grid */
1
2
  @charset "utf-8"
2
3
 
3
4
  @import "columns.sass"
@@ -1,6 +1,8 @@
1
+ /* Bulma Helpers */
1
2
  @charset "utf-8"
2
3
 
3
4
  @import "color.sass"
5
+ @import "flexbox.sass"
4
6
  @import "float.sass"
5
7
  @import "other.sass"
6
8
  @import "overflow.sass"
@@ -0,0 +1,35 @@
1
+ $flex-direction-values: row, row-reverse, column, column-reverse
2
+ @each $value in $flex-direction-values
3
+ .is-flex-direction-#{$value}
4
+ flex-direction: $value !important
5
+
6
+ $flex-wrap-values: nowrap, wrap, wrap-reverse
7
+ @each $value in $flex-wrap-values
8
+ .is-flex-wrap-#{$value}
9
+ flex-wrap: $value !important
10
+
11
+ $justify-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, start, end, left, right
12
+ @each $value in $justify-content-values
13
+ .is-justify-content-#{$value}
14
+ justify-content: $value !important
15
+
16
+ $align-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, stretch, start, end, baseline
17
+ @each $value in $align-content-values
18
+ .is-align-content-#{$value}
19
+ align-content: $value !important
20
+
21
+ $align-items-values: stretch, flex-start, flex-end, center, baseline, start, end, self-start, self-end
22
+ @each $value in $align-items-values
23
+ .is-align-items-#{$value}
24
+ align-items: $value !important
25
+
26
+ $align-self-values: auto, flex-start, flex-end, center, baseline, stretch
27
+ @each $value in $align-self-values
28
+ .is-align-self-#{$value}
29
+ align-self: $value !important
30
+
31
+ $flex-operators: grow, shrink
32
+ @each $operator in $flex-operators
33
+ @for $i from 0 through 5
34
+ .is-flex-#{$operator}-#{$i}
35
+ flex-#{$operator}: $i !important
@@ -4,5 +4,8 @@
4
4
  .is-shadowless
5
5
  box-shadow: none !important
6
6
 
7
+ .is-clickable
8
+ cursor: pointer !important
9
+
7
10
  .is-unselectable
8
11
  @extend %unselectable
@@ -12,6 +12,9 @@ $spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5
12
12
 
13
13
  @each $property, $shortcut in $spacing-shortcuts
14
14
  @each $name, $value in $spacing-values
15
+ // All directions
16
+ .#{$shortcut}-#{$name}
17
+ #{$property}: $value !important
15
18
  // Cardinal directions
16
19
  @each $direction, $suffix in $spacing-directions
17
20
  .#{$shortcut}#{$suffix}-#{$name}
@@ -1,3 +1,4 @@
1
+ /* Bulma Layout */
1
2
  @charset "utf-8"
2
3
 
3
4
  @import "hero.sass"
@@ -3,6 +3,8 @@ $hero-body-padding-small: 1.5rem !default
3
3
  $hero-body-padding-medium: 9rem 1.5rem !default
4
4
  $hero-body-padding-large: 18rem 1.5rem !default
5
5
 
6
+ $hero-colors: $colors !default
7
+
6
8
  // Main container
7
9
  .hero
8
10
  align-items: stretch
@@ -15,7 +17,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
15
17
  ul
16
18
  border-bottom: none
17
19
  // Colors
18
- @each $name, $pair in $colors
20
+ @each $name, $pair in $hero-colors
19
21
  $color: nth($pair, 1)
20
22
  $color-invert: nth($pair, 2)
21
23
  &.is-#{$name}
@@ -1,8 +1,9 @@
1
+ /* Bulma Utilities */
1
2
  @charset "utf-8"
2
3
 
3
4
  @import "initial-variables.sass"
4
5
  @import "functions.sass"
5
- @import "derived-variables.scss"
6
+ @import "derived-variables.sass"
6
7
  @import "animations.sass"
7
8
  @import "mixins.sass"
8
9
  @import "controls.sass"
@@ -0,0 +1,107 @@
1
+ $primary: $turquoise !default
2
+
3
+ $info: $cyan !default
4
+ $success: $green !default
5
+ $warning: $yellow !default
6
+ $danger: $red !default
7
+
8
+ $light: $white-ter !default
9
+ $dark: $grey-darker !default
10
+
11
+ // Invert colors
12
+
13
+ $orange-invert: findColorInvert($orange) !default
14
+ $yellow-invert: findColorInvert($yellow) !default
15
+ $green-invert: findColorInvert($green) !default
16
+ $turquoise-invert: findColorInvert($turquoise) !default
17
+ $cyan-invert: findColorInvert($cyan) !default
18
+ $blue-invert: findColorInvert($blue) !default
19
+ $purple-invert: findColorInvert($purple) !default
20
+ $red-invert: findColorInvert($red) !default
21
+
22
+ $primary-invert: findColorInvert($primary) !default
23
+ $primary-light: findLightColor($primary) !default
24
+ $primary-dark: findDarkColor($primary) !default
25
+ $info-invert: findColorInvert($info) !default
26
+ $info-light: findLightColor($info) !default
27
+ $info-dark: findDarkColor($info) !default
28
+ $success-invert: findColorInvert($success) !default
29
+ $success-light: findLightColor($success) !default
30
+ $success-dark: findDarkColor($success) !default
31
+ $warning-invert: findColorInvert($warning) !default
32
+ $warning-light: findLightColor($warning) !default
33
+ $warning-dark: findDarkColor($warning) !default
34
+ $danger-invert: findColorInvert($danger) !default
35
+ $danger-light: findLightColor($danger) !default
36
+ $danger-dark: findDarkColor($danger) !default
37
+ $light-invert: findColorInvert($light) !default
38
+ $dark-invert: findColorInvert($dark) !default
39
+
40
+ // General colors
41
+
42
+ $scheme-main: $white !default
43
+ $scheme-main-bis: $white-bis !default
44
+ $scheme-main-ter: $white-ter !default
45
+ $scheme-invert: $black !default
46
+ $scheme-invert-bis: $black-bis !default
47
+ $scheme-invert-ter: $black-ter !default
48
+
49
+ $background: $white-ter !default
50
+
51
+ $border: $grey-lighter !default
52
+ $border-hover: $grey-light !default
53
+ $border-light: $grey-lightest !default
54
+ $border-light-hover: $grey-light !default
55
+
56
+ // Text colors
57
+
58
+ $text: $grey-dark !default
59
+ $text-invert: findColorInvert($text) !default
60
+ $text-light: $grey !default
61
+ $text-strong: $grey-darker !default
62
+
63
+ // Code colors
64
+
65
+ $code: darken($red, 15%) !default
66
+ $code-background: $background !default
67
+
68
+ $pre: $text !default
69
+ $pre-background: $background !default
70
+
71
+ // Link colors
72
+
73
+ $link: $blue !default
74
+ $link-invert: findColorInvert($link) !default
75
+ $link-light: findLightColor($link) !default
76
+ $link-dark: findDarkColor($link) !default
77
+ $link-visited: $purple !default
78
+
79
+ $link-hover: $grey-darker !default
80
+ $link-hover-border: $grey-light !default
81
+
82
+ $link-focus: $grey-darker !default
83
+ $link-focus-border: $blue !default
84
+
85
+ $link-active: $grey-darker !default
86
+ $link-active-border: $grey-dark !default
87
+
88
+ // Typography
89
+
90
+ $family-primary: $family-sans-serif !default
91
+ $family-secondary: $family-sans-serif !default
92
+ $family-code: $family-monospace !default
93
+
94
+ $size-small: $size-7 !default
95
+ $size-normal: $size-6 !default
96
+ $size-medium: $size-5 !default
97
+ $size-large: $size-4 !default
98
+
99
+ // Lists and maps
100
+ $custom-colors: null !default
101
+ $custom-shades: null !default
102
+
103
+ $colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors) !default
104
+
105
+ $shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default
106
+
107
+ $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |gem|
4
4
  gem.name = 'bulma-rails'
5
- gem.version = '0.9.0'
5
+ gem.version = '0.9.1'
6
6
  gem.authors = ["Joshua Jansen"]
7
7
  gem.email = ["joshuajansen88@gmail.com"]
8
8
  gem.description = %q{A modern CSS framework based on Flexbox}
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bulma-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.0
4
+ version: 0.9.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joshua Jansen
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-06-22 00:00:00.000000000 Z
11
+ date: 2020-11-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sassc
@@ -77,6 +77,7 @@ files:
77
77
  - app/assets/stylesheets/sass/grid/tiles.sass
78
78
  - app/assets/stylesheets/sass/helpers/_all.sass
79
79
  - app/assets/stylesheets/sass/helpers/color.sass
80
+ - app/assets/stylesheets/sass/helpers/flexbox.sass
80
81
  - app/assets/stylesheets/sass/helpers/float.sass
81
82
  - app/assets/stylesheets/sass/helpers/other.sass
82
83
  - app/assets/stylesheets/sass/helpers/overflow.sass
@@ -91,7 +92,7 @@ files:
91
92
  - app/assets/stylesheets/sass/utilities/_all.sass
92
93
  - app/assets/stylesheets/sass/utilities/animations.sass
93
94
  - app/assets/stylesheets/sass/utilities/controls.sass
94
- - app/assets/stylesheets/sass/utilities/derived-variables.scss
95
+ - app/assets/stylesheets/sass/utilities/derived-variables.sass
95
96
  - app/assets/stylesheets/sass/utilities/functions.sass
96
97
  - app/assets/stylesheets/sass/utilities/initial-variables.sass
97
98
  - app/assets/stylesheets/sass/utilities/mixins.sass
@@ -116,7 +117,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
116
117
  - !ruby/object:Gem::Version
117
118
  version: '0'
118
119
  requirements: []
119
- rubygems_version: 3.1.2
120
+ rubygems_version: 3.0.3
120
121
  signing_key:
121
122
  specification_version: 4
122
123
  summary: This gem adds the bulma.io assets to your asset pipeline so you can import
@@ -1,132 +0,0 @@
1
- $primary: $turquoise !default;
2
-
3
- $info : $cyan !default;
4
- $success: $green !default;
5
- $warning: $yellow !default;
6
- $danger : $red !default;
7
-
8
- $light : $white-ter !default;
9
- $dark : $grey-darker !default;
10
-
11
- // Invert colors
12
-
13
- $orange-invert : findColorInvert($orange) !default;
14
- $yellow-invert : findColorInvert($yellow) !default;
15
- $green-invert : findColorInvert($green) !default;
16
- $turquoise-invert: findColorInvert($turquoise) !default;
17
- $cyan-invert : findColorInvert($cyan) !default;
18
- $blue-invert : findColorInvert($blue) !default;
19
- $purple-invert : findColorInvert($purple) !default;
20
- $red-invert : findColorInvert($red) !default;
21
-
22
- $primary-invert : findColorInvert($primary) !default;
23
- $primary-light : findLightColor($primary) !default;
24
- $primary-dark : findDarkColor($primary) !default;
25
- $info-invert : findColorInvert($info) !default;
26
- $info-light : findLightColor($info) !default;
27
- $info-dark : findDarkColor($info) !default;
28
- $success-invert : findColorInvert($success) !default;
29
- $success-light : findLightColor($success) !default;
30
- $success-dark : findDarkColor($success) !default;
31
- $warning-invert : findColorInvert($warning) !default;
32
- $warning-light : findLightColor($warning) !default;
33
- $warning-dark : findDarkColor($warning) !default;
34
- $danger-invert : findColorInvert($danger) !default;
35
- $danger-light : findLightColor($danger) !default;
36
- $danger-dark : findDarkColor($danger) !default;
37
- $light-invert : findColorInvert($light) !default;
38
- $dark-invert : findColorInvert($dark) !default;
39
-
40
- // General colors
41
-
42
- $scheme-main : $white !default;
43
- $scheme-main-bis : $white-bis !default;
44
- $scheme-main-ter : $white-ter !default;
45
- $scheme-invert : $black !default;
46
- $scheme-invert-bis : $black-bis !default;
47
- $scheme-invert-ter : $black-ter !default;
48
-
49
- $background : $white-ter !default;
50
-
51
- $border : $grey-lighter !default;
52
- $border-hover : $grey-light !default;
53
- $border-light : $grey-lightest !default;
54
- $border-light-hover: $grey-light !default;
55
-
56
- // Text colors
57
-
58
- $text : $grey-dark !default;
59
- $text-invert: findColorInvert($text) !default;
60
- $text-light : $grey !default;
61
- $text-strong: $grey-darker !default;
62
-
63
- // Code colors
64
-
65
- $code : $red !default;
66
- $code-background: $background !default;
67
-
68
- $pre : $text !default;
69
- $pre-background : $background !default;
70
-
71
- // Link colors
72
-
73
- $link : $blue !default;
74
- $link-invert : findColorInvert($link) !default;
75
- $link-light : findLightColor($link) !default;
76
- $link-dark : findDarkColor($link) !default;
77
- $link-visited : $purple !default;
78
-
79
- $link-hover : $grey-darker !default;
80
- $link-hover-border : $grey-light !default;
81
-
82
- $link-focus : $grey-darker !default;
83
- $link-focus-border : $blue !default;
84
-
85
- $link-active : $grey-darker !default;
86
- $link-active-border: $grey-dark !default;
87
-
88
- // Typography
89
-
90
- $family-primary : $family-sans-serif !default;
91
- $family-secondary: $family-sans-serif !default;
92
- $family-code : $family-monospace !default;
93
-
94
- $size-small : $size-7 !default;
95
- $size-normal: $size-6 !default;
96
- $size-medium: $size-5 !default;
97
- $size-large : $size-4 !default;
98
-
99
- // Lists and maps
100
- $custom-colors: null !default;
101
- $custom-shades: null !default;
102
-
103
- $colors: mergeColorMaps(
104
- (
105
- "white" : ($white, $black),
106
- "black" : ($black, $white),
107
- "light" : ($light, $light-invert),
108
- "dark" : ($dark, $dark-invert),
109
- "primary": ($primary, $primary-invert, $primary-light, $primary-dark),
110
- "link" : ($link, $link-invert, $link-light, $link-dark),
111
- "info" : ($info, $info-invert, $info-light, $info-dark),
112
- "success": ($success, $success-invert, $success-light, $success-dark),
113
- "warning": ($warning, $warning-invert, $warning-light, $warning-dark),
114
- "danger" : ($danger, $danger-invert, $danger-light, $danger-dark)),
115
- $custom-colors
116
- ) !default;
117
-
118
- $shades: mergeColorMaps(
119
- (
120
- "black-bis" : $black-bis,
121
- "black-ter" : $black-ter,
122
- "grey-darker" : $grey-darker,
123
- "grey-dark" : $grey-dark,
124
- "grey" : $grey,
125
- "grey-light" : $grey-light,
126
- "grey-lighter": $grey-lighter,
127
- "white-ter" : $white-ter,
128
- "white-bis" : $white-bis),
129
- $custom-shades
130
- ) !default;
131
-
132
- $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default;