bulma-rails 0.9.0 → 0.9.1

Sign up to get free protection for your applications and to get access to all the features.
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;