bulma-rails 0.8.0 → 0.9.2

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 (69) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/app/assets/stylesheets/bulma.sass +2 -1
  4. data/app/assets/stylesheets/sass/base/_all.sass +4 -3
  5. data/app/assets/stylesheets/sass/base/animations.sass +5 -0
  6. data/app/assets/stylesheets/sass/base/generic.sass +4 -1
  7. data/app/assets/stylesheets/sass/base/helpers.sass +1 -281
  8. data/app/assets/stylesheets/sass/base/minireset.sass +1 -1
  9. data/app/assets/stylesheets/sass/components/_all.sass +13 -13
  10. data/app/assets/stylesheets/sass/components/breadcrumb.sass +5 -3
  11. data/app/assets/stylesheets/sass/components/card.sass +24 -1
  12. data/app/assets/stylesheets/sass/components/dropdown.sass +5 -3
  13. data/app/assets/stylesheets/sass/components/level.sass +4 -2
  14. data/app/assets/stylesheets/sass/components/media.sass +25 -16
  15. data/app/assets/stylesheets/sass/components/menu.sass +4 -2
  16. data/app/assets/stylesheets/sass/components/message.sass +3 -1
  17. data/app/assets/stylesheets/sass/components/modal.sass +8 -4
  18. data/app/assets/stylesheets/sass/components/navbar.sass +23 -21
  19. data/app/assets/stylesheets/sass/components/pagination.sass +11 -3
  20. data/app/assets/stylesheets/sass/components/panel.sass +4 -2
  21. data/app/assets/stylesheets/sass/components/tabs.sass +37 -12
  22. data/app/assets/stylesheets/sass/elements/_all.sass +13 -12
  23. data/app/assets/stylesheets/sass/elements/box.sass +2 -0
  24. data/app/assets/stylesheets/sass/elements/button.sass +41 -18
  25. data/app/assets/stylesheets/sass/elements/container.sass +12 -7
  26. data/app/assets/stylesheets/sass/elements/content.sass +7 -5
  27. data/app/assets/stylesheets/sass/elements/icon.sass +19 -0
  28. data/app/assets/stylesheets/sass/elements/image.sass +2 -0
  29. data/app/assets/stylesheets/sass/elements/notification.sass +19 -3
  30. data/app/assets/stylesheets/sass/elements/other.sass +2 -0
  31. data/app/assets/stylesheets/sass/elements/progress.sass +7 -1
  32. data/app/assets/stylesheets/sass/elements/table.sass +8 -2
  33. data/app/assets/stylesheets/sass/elements/tag.sass +29 -17
  34. data/app/assets/stylesheets/sass/elements/title.sass +2 -0
  35. data/app/assets/stylesheets/sass/form/_all.sass +7 -6
  36. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +3 -2
  37. data/app/assets/stylesheets/sass/form/file.sass +12 -10
  38. data/app/assets/stylesheets/sass/form/input-textarea.sass +4 -2
  39. data/app/assets/stylesheets/sass/form/select.sass +9 -7
  40. data/app/assets/stylesheets/sass/form/shared.sass +8 -3
  41. data/app/assets/stylesheets/sass/form/tools.sass +21 -11
  42. data/app/assets/stylesheets/sass/grid/_all.sass +3 -2
  43. data/app/assets/stylesheets/sass/grid/columns.sass +86 -77
  44. data/app/assets/stylesheets/sass/grid/tiles.sass +2 -0
  45. data/app/assets/stylesheets/sass/helpers/_all.sass +12 -0
  46. data/app/assets/stylesheets/sass/helpers/color.sass +39 -0
  47. data/app/assets/stylesheets/sass/helpers/flexbox.sass +35 -0
  48. data/app/assets/stylesheets/sass/helpers/float.sass +10 -0
  49. data/app/assets/stylesheets/sass/helpers/other.sass +14 -0
  50. data/app/assets/stylesheets/sass/helpers/overflow.sass +2 -0
  51. data/app/assets/stylesheets/sass/helpers/position.sass +7 -0
  52. data/app/assets/stylesheets/sass/helpers/spacing.sass +31 -0
  53. data/app/assets/stylesheets/sass/helpers/typography.sass +100 -0
  54. data/app/assets/stylesheets/sass/helpers/visibility.sass +122 -0
  55. data/app/assets/stylesheets/sass/layout/_all.sass +4 -3
  56. data/app/assets/stylesheets/sass/layout/footer.sass +2 -0
  57. data/app/assets/stylesheets/sass/layout/hero.sass +27 -21
  58. data/app/assets/stylesheets/sass/layout/section.sass +2 -0
  59. data/app/assets/stylesheets/sass/utilities/_all.sass +7 -6
  60. data/app/assets/stylesheets/sass/utilities/animations.sass +1 -5
  61. data/app/assets/stylesheets/sass/utilities/controls.sass +2 -3
  62. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +5 -1
  63. data/app/assets/stylesheets/sass/utilities/extends.sass +22 -0
  64. data/app/assets/stylesheets/sass/utilities/functions.sass +17 -0
  65. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +1 -0
  66. data/app/assets/stylesheets/sass/utilities/mixins.sass +30 -23
  67. data/bulma-rails.gemspec +1 -1
  68. metadata +18 -7
  69. data/app/assets/stylesheets/sass/components/list.sass +0 -39
@@ -0,0 +1,122 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
4
+
5
+ @each $display in $displays
6
+ .is-#{$display}
7
+ display: #{$display} !important
8
+ +mobile
9
+ .is-#{$display}-mobile
10
+ display: #{$display} !important
11
+ +tablet
12
+ .is-#{$display}-tablet
13
+ display: #{$display} !important
14
+ +tablet-only
15
+ .is-#{$display}-tablet-only
16
+ display: #{$display} !important
17
+ +touch
18
+ .is-#{$display}-touch
19
+ display: #{$display} !important
20
+ +desktop
21
+ .is-#{$display}-desktop
22
+ display: #{$display} !important
23
+ +desktop-only
24
+ .is-#{$display}-desktop-only
25
+ display: #{$display} !important
26
+ +widescreen
27
+ .is-#{$display}-widescreen
28
+ display: #{$display} !important
29
+ +widescreen-only
30
+ .is-#{$display}-widescreen-only
31
+ display: #{$display} !important
32
+ +fullhd
33
+ .is-#{$display}-fullhd
34
+ display: #{$display} !important
35
+
36
+ .is-hidden
37
+ display: none !important
38
+
39
+ .is-sr-only
40
+ border: none !important
41
+ clip: rect(0, 0, 0, 0) !important
42
+ height: 0.01em !important
43
+ overflow: hidden !important
44
+ padding: 0 !important
45
+ position: absolute !important
46
+ white-space: nowrap !important
47
+ width: 0.01em !important
48
+
49
+ +mobile
50
+ .is-hidden-mobile
51
+ display: none !important
52
+
53
+ +tablet
54
+ .is-hidden-tablet
55
+ display: none !important
56
+
57
+ +tablet-only
58
+ .is-hidden-tablet-only
59
+ display: none !important
60
+
61
+ +touch
62
+ .is-hidden-touch
63
+ display: none !important
64
+
65
+ +desktop
66
+ .is-hidden-desktop
67
+ display: none !important
68
+
69
+ +desktop-only
70
+ .is-hidden-desktop-only
71
+ display: none !important
72
+
73
+ +widescreen
74
+ .is-hidden-widescreen
75
+ display: none !important
76
+
77
+ +widescreen-only
78
+ .is-hidden-widescreen-only
79
+ display: none !important
80
+
81
+ +fullhd
82
+ .is-hidden-fullhd
83
+ display: none !important
84
+
85
+ .is-invisible
86
+ visibility: hidden !important
87
+
88
+ +mobile
89
+ .is-invisible-mobile
90
+ visibility: hidden !important
91
+
92
+ +tablet
93
+ .is-invisible-tablet
94
+ visibility: hidden !important
95
+
96
+ +tablet-only
97
+ .is-invisible-tablet-only
98
+ visibility: hidden !important
99
+
100
+ +touch
101
+ .is-invisible-touch
102
+ visibility: hidden !important
103
+
104
+ +desktop
105
+ .is-invisible-desktop
106
+ visibility: hidden !important
107
+
108
+ +desktop-only
109
+ .is-invisible-desktop-only
110
+ visibility: hidden !important
111
+
112
+ +widescreen
113
+ .is-invisible-widescreen
114
+ visibility: hidden !important
115
+
116
+ +widescreen-only
117
+ .is-invisible-widescreen-only
118
+ visibility: hidden !important
119
+
120
+ +fullhd
121
+ .is-invisible-fullhd
122
+ visibility: hidden !important
@@ -1,5 +1,6 @@
1
+ /* Bulma Layout */
1
2
  @charset "utf-8"
2
3
 
3
- @import "hero.sass"
4
- @import "section.sass"
5
- @import "footer.sass"
4
+ @import "hero"
5
+ @import "section"
6
+ @import "footer"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/derived-variables"
2
+
1
3
  $footer-background-color: $scheme-main-bis !default
2
4
  $footer-color: false !default
3
5
  $footer-padding: 3rem 1.5rem 6rem !default
@@ -1,5 +1,13 @@
1
- // Main container
1
+ @import "../utilities/mixins"
2
+
3
+ $hero-body-padding: 3rem 1.5rem !default
4
+ $hero-body-padding-small: 1.5rem !default
5
+ $hero-body-padding-medium: 9rem 1.5rem !default
6
+ $hero-body-padding-large: 18rem 1.5rem !default
2
7
 
8
+ $hero-colors: $colors !default
9
+
10
+ // Main container
3
11
  .hero
4
12
  align-items: stretch
5
13
  display: flex
@@ -11,7 +19,7 @@
11
19
  ul
12
20
  border-bottom: none
13
21
  // Colors
14
- @each $name, $pair in $colors
22
+ @each $name, $pair in $hero-colors
15
23
  $color: nth($pair, 1)
16
24
  $color-invert: nth($pair, 2)
17
25
  &.is-#{$name}
@@ -23,7 +31,7 @@
23
31
  .title
24
32
  color: $color-invert
25
33
  .subtitle
26
- color: rgba($color-invert, 0.9)
34
+ color: bulmaRgba($color-invert, 0.9)
27
35
  a:not(.button),
28
36
  strong
29
37
  color: $color-invert
@@ -32,12 +40,12 @@
32
40
  background-color: $color
33
41
  .navbar-item,
34
42
  .navbar-link
35
- color: rgba($color-invert, 0.7)
43
+ color: bulmaRgba($color-invert, 0.7)
36
44
  a.navbar-item,
37
45
  .navbar-link
38
46
  &:hover,
39
47
  &.is-active
40
- background-color: darken($color, 5%)
48
+ background-color: bulmaDarken($color, 5%)
41
49
  color: $color-invert
42
50
  .tabs
43
51
  a
@@ -53,7 +61,7 @@
53
61
  a
54
62
  color: $color-invert
55
63
  &:hover
56
- background-color: rgba($scheme-invert, 0.1)
64
+ background-color: bulmaRgba($scheme-invert, 0.1)
57
65
  li.is-active a
58
66
  &,
59
67
  &:hover
@@ -61,28 +69,26 @@
61
69
  border-color: $color-invert
62
70
  color: $color
63
71
  // Modifiers
64
- &.is-bold
65
- $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
66
- $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
67
- background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
68
- +mobile
69
- .navbar-menu
70
- background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
72
+ @if type-of($color) == 'color'
73
+ &.is-bold
74
+ $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
75
+ $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
76
+ background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
77
+ +mobile
78
+ .navbar-menu
79
+ background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
71
80
  // Sizes
72
81
  &.is-small
73
82
  .hero-body
74
- padding-bottom: 1.5rem
75
- padding-top: 1.5rem
83
+ padding: $hero-body-padding-small
76
84
  &.is-medium
77
85
  +tablet
78
86
  .hero-body
79
- padding-bottom: 9rem
80
- padding-top: 9rem
87
+ padding: $hero-body-padding-medium
81
88
  &.is-large
82
89
  +tablet
83
90
  .hero-body
84
- padding-bottom: 18rem
85
- padding-top: 18rem
91
+ padding: $hero-body-padding-large
86
92
  &.is-halfheight,
87
93
  &.is-fullheight,
88
94
  &.is-fullheight-with-navbar
@@ -128,7 +134,7 @@
128
134
  display: flex
129
135
  justify-content: center
130
136
  .button:not(:last-child)
131
- margin-right: 1.5rem
137
+ +ltr-property("margin", 1.5rem)
132
138
 
133
139
  // Containers
134
140
 
@@ -140,4 +146,4 @@
140
146
  .hero-body
141
147
  flex-grow: 1
142
148
  flex-shrink: 0
143
- padding: 3rem 1.5rem
149
+ padding: $hero-body-padding
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $section-padding: 3rem 1.5rem !default
2
4
  $section-padding-medium: 9rem 1.5rem !default
3
5
  $section-padding-large: 18rem 1.5rem !default
@@ -1,8 +1,9 @@
1
+ /* Bulma Utilities */
1
2
  @charset "utf-8"
2
3
 
3
- @import "initial-variables.sass"
4
- @import "functions.sass"
5
- @import "derived-variables.sass"
6
- @import "animations.sass"
7
- @import "mixins.sass"
8
- @import "controls.sass"
4
+ @import "initial-variables"
5
+ @import "functions"
6
+ @import "derived-variables"
7
+ @import "mixins"
8
+ @import "controls"
9
+ @import "extends"
@@ -1,5 +1 @@
1
- @keyframes spinAround
2
- from
3
- transform: rotate(0deg)
4
- to
5
- transform: rotate(359deg)
1
+ @warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead."
@@ -1,3 +1,5 @@
1
+ @import "derived-variables"
2
+
1
3
  $control-radius: $radius !default
2
4
  $control-radius-small: $radius-small !default
3
5
 
@@ -37,9 +39,6 @@ $control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
37
39
  fieldset[disabled] &
38
40
  cursor: not-allowed
39
41
 
40
- %control
41
- +control
42
-
43
42
  // The controls sizes use mixins so they can be used at different breakpoints
44
43
  =control-small
45
44
  border-radius: $control-radius-small
@@ -1,3 +1,6 @@
1
+ @import "initial-variables"
2
+ @import "functions"
3
+
1
4
  $primary: $turquoise !default
2
5
 
3
6
  $info: $cyan !default
@@ -62,7 +65,7 @@ $text-strong: $grey-darker !default
62
65
 
63
66
  // Code colors
64
67
 
65
- $code: $red !default
68
+ $code: darken($red, 15%) !default
66
69
  $code-background: $background !default
67
70
 
68
71
  $pre: $text !default
@@ -101,6 +104,7 @@ $custom-colors: null !default
101
104
  $custom-shades: null !default
102
105
 
103
106
  $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
107
+
104
108
  $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
105
109
 
106
110
  $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default
@@ -0,0 +1,22 @@
1
+ @import "mixins"
2
+
3
+ %control
4
+ +control
5
+
6
+ %unselectable
7
+ +unselectable
8
+
9
+ %arrow
10
+ +arrow
11
+
12
+ %block
13
+ +block
14
+
15
+ %delete
16
+ +delete
17
+
18
+ %loader
19
+ +loader
20
+
21
+ %overlay
22
+ +overlay
@@ -62,6 +62,8 @@
62
62
  @return $value
63
63
 
64
64
  @function colorLuminance($color)
65
+ @if type-of($color) != 'color'
66
+ @return 0.55
65
67
  $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
66
68
  @each $name, $value in $color-rgb
67
69
  $adjusted: 0
@@ -96,3 +98,18 @@
96
98
  $target-l: round($base-l + ($luminance-delta * 53))
97
99
  @return change-color($color, $lightness: max($base-l, $target-l))
98
100
  @return $text-strong
101
+
102
+ @function bulmaRgba($color, $alpha)
103
+ @if type-of($color) != 'color'
104
+ @return $color
105
+ @return rgba($color, $alpha)
106
+
107
+ @function bulmaDarken($color, $amount)
108
+ @if type-of($color) != 'color'
109
+ @return $color
110
+ @return darken($color, $amount)
111
+
112
+ @function bulmaLighten($color, $amount)
113
+ @if type-of($color) != 'color'
114
+ @return $color
115
+ @return lighten($color, $amount)
@@ -75,3 +75,4 @@ $speed: 86ms !default
75
75
  // Flags
76
76
 
77
77
  $variable-columns: true !default
78
+ $rtl: false !default
@@ -1,4 +1,4 @@
1
- @import "initial-variables"
1
+ @import "derived-variables"
2
2
 
3
3
  =clearfix
4
4
  &::after
@@ -48,7 +48,7 @@
48
48
  &:nth-child(3)
49
49
  top: calc(50% + 4px)
50
50
  &:hover
51
- background-color: rgba(black, 0.05)
51
+ background-color: bulmaRgba(black, 0.05)
52
52
  // Modifers
53
53
  &.is-active
54
54
  span
@@ -128,6 +128,30 @@
128
128
  @media screen and (min-width: $fullhd)
129
129
  @content
130
130
 
131
+ =ltr
132
+ @if not $rtl
133
+ @content
134
+
135
+ =rtl
136
+ @if $rtl
137
+ @content
138
+
139
+ =ltr-property($property, $spacing, $right: true)
140
+ $normal: if($right, "right", "left")
141
+ $opposite: if($right, "left", "right")
142
+ @if $rtl
143
+ #{$property}-#{$opposite}: $spacing
144
+ @else
145
+ #{$property}-#{$normal}: $spacing
146
+
147
+ =ltr-position($spacing, $right: true)
148
+ $normal: if($right, "right", "left")
149
+ $opposite: if($right, "left", "right")
150
+ @if $rtl
151
+ #{$opposite}: $spacing
152
+ @else
153
+ #{$normal}: $spacing
154
+
131
155
  // Placeholders
132
156
 
133
157
  =unselectable
@@ -137,9 +161,6 @@
137
161
  -ms-user-select: none
138
162
  user-select: none
139
163
 
140
- %unselectable
141
- +unselectable
142
-
143
164
  =arrow($color: transparent)
144
165
  border: 3px solid $color
145
166
  border-radius: 2px
@@ -156,21 +177,15 @@
156
177
  transform-origin: center
157
178
  width: 0.625em
158
179
 
159
- %arrow
160
- +arrow
161
-
162
180
  =block($spacing: $block-spacing)
163
181
  &:not(:last-child)
164
182
  margin-bottom: $spacing
165
183
 
166
- %block
167
- +block
168
-
169
184
  =delete
170
- @extend %unselectable
185
+ +unselectable
171
186
  -moz-appearance: none
172
187
  -webkit-appearance: none
173
- background-color: rgba($scheme-invert, 0.2)
188
+ background-color: bulmaRgba($scheme-invert, 0.2)
174
189
  border: none
175
190
  border-radius: $radius-rounded
176
191
  cursor: pointer
@@ -206,9 +221,9 @@
206
221
  width: 2px
207
222
  &:hover,
208
223
  &:focus
209
- background-color: rgba($scheme-invert, 0.3)
224
+ background-color: bulmaRgba($scheme-invert, 0.3)
210
225
  &:active
211
- background-color: rgba($scheme-invert, 0.4)
226
+ background-color: bulmaRgba($scheme-invert, 0.4)
212
227
  // Sizes
213
228
  &.is-small
214
229
  height: 16px
@@ -232,9 +247,6 @@
232
247
  min-width: 32px
233
248
  width: 32px
234
249
 
235
- %delete
236
- +delete
237
-
238
250
  =loader
239
251
  animation: spinAround 500ms infinite linear
240
252
  border: 2px solid $grey-lighter
@@ -247,9 +259,6 @@
247
259
  position: relative
248
260
  width: 1em
249
261
 
250
- %loader
251
- +loader
252
-
253
262
  =overlay($offset: 0)
254
263
  bottom: $offset
255
264
  left: $offset
@@ -257,5 +266,3 @@
257
266
  right: $offset
258
267
  top: $offset
259
268
 
260
- %overlay
261
- +overlay
data/bulma-rails.gemspec CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |gem|
4
4
  gem.name = 'bulma-rails'
5
- gem.version = '0.8.0'
5
+ gem.version = '0.9.2'
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.8.0
4
+ version: 0.9.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: 2019-11-04 00:00:00.000000000 Z
11
+ date: 2021-10-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sassc
@@ -35,6 +35,7 @@ files:
35
35
  - README.md
36
36
  - app/assets/stylesheets/bulma.sass
37
37
  - app/assets/stylesheets/sass/base/_all.sass
38
+ - app/assets/stylesheets/sass/base/animations.sass
38
39
  - app/assets/stylesheets/sass/base/generic.sass
39
40
  - app/assets/stylesheets/sass/base/helpers.sass
40
41
  - app/assets/stylesheets/sass/base/minireset.sass
@@ -43,7 +44,6 @@ files:
43
44
  - app/assets/stylesheets/sass/components/card.sass
44
45
  - app/assets/stylesheets/sass/components/dropdown.sass
45
46
  - app/assets/stylesheets/sass/components/level.sass
46
- - app/assets/stylesheets/sass/components/list.sass
47
47
  - app/assets/stylesheets/sass/components/media.sass
48
48
  - app/assets/stylesheets/sass/components/menu.sass
49
49
  - app/assets/stylesheets/sass/components/message.sass
@@ -76,6 +76,16 @@ files:
76
76
  - app/assets/stylesheets/sass/grid/_all.sass
77
77
  - app/assets/stylesheets/sass/grid/columns.sass
78
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
79
89
  - app/assets/stylesheets/sass/layout/_all.sass
80
90
  - app/assets/stylesheets/sass/layout/footer.sass
81
91
  - app/assets/stylesheets/sass/layout/hero.sass
@@ -84,6 +94,7 @@ files:
84
94
  - app/assets/stylesheets/sass/utilities/animations.sass
85
95
  - app/assets/stylesheets/sass/utilities/controls.sass
86
96
  - app/assets/stylesheets/sass/utilities/derived-variables.sass
97
+ - app/assets/stylesheets/sass/utilities/extends.sass
87
98
  - app/assets/stylesheets/sass/utilities/functions.sass
88
99
  - app/assets/stylesheets/sass/utilities/initial-variables.sass
89
100
  - app/assets/stylesheets/sass/utilities/mixins.sass
@@ -93,7 +104,7 @@ homepage: https://github.com/joshuajansen/bulma-rails
93
104
  licenses:
94
105
  - MIT
95
106
  metadata: {}
96
- post_install_message:
107
+ post_install_message:
97
108
  rdoc_options: []
98
109
  require_paths:
99
110
  - lib
@@ -108,8 +119,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
108
119
  - !ruby/object:Gem::Version
109
120
  version: '0'
110
121
  requirements: []
111
- rubygems_version: 3.0.3
112
- signing_key:
122
+ rubygems_version: 3.2.22
123
+ signing_key:
113
124
  specification_version: 4
114
125
  summary: This gem adds the bulma.io assets to your asset pipeline so you can import
115
126
  them in your Rails project.
@@ -1,39 +0,0 @@
1
- $list-background-color: $scheme-main !default
2
- $list-shadow: 0 2px 3px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1) !default
3
- $list-radius: $radius !default
4
-
5
- $list-item-border: 1px solid $border !default
6
- $list-item-color: $text !default
7
- $list-item-active-background-color: $link !default
8
- $list-item-active-color: $link-invert !default
9
- $list-item-hover-background-color: $background !default
10
-
11
- .list
12
- @extend %block
13
- background-color: $list-background-color
14
- border-radius: $list-radius
15
- box-shadow: $list-shadow
16
- // &.is-hoverable > .list-item:hover:not(.is-active)
17
- // background-color: $list-item-hover-background-color
18
- // cursor: pointer
19
-
20
- .list-item
21
- display: block
22
- padding: 0.5em 1em
23
- &:not(a)
24
- color: $list-item-color
25
- &:first-child
26
- border-top-left-radius: $list-radius
27
- border-top-right-radius: $list-radius
28
- &:last-child
29
- border-bottom-left-radius: $list-radius
30
- border-bottom-right-radius: $list-radius
31
- &:not(:last-child)
32
- border-bottom: $list-item-border
33
- &.is-active
34
- background-color: $list-item-active-background-color
35
- color: $list-item-active-color
36
-
37
- a.list-item
38
- background-color: $list-item-hover-background-color
39
- cursor: pointer