bulma-sass 0.8.2 → 0.9.0

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 (47) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/bulma.sass +2 -1
  3. data/app/assets/stylesheets/sass/base/_all.sass +0 -1
  4. data/app/assets/stylesheets/sass/base/generic.sass +1 -1
  5. data/app/assets/stylesheets/sass/base/helpers.sass +1 -281
  6. data/app/assets/stylesheets/sass/base/minireset.sass +1 -1
  7. data/app/assets/stylesheets/sass/components/_all.sass +0 -1
  8. data/app/assets/stylesheets/sass/components/breadcrumb.sass +3 -3
  9. data/app/assets/stylesheets/sass/components/card.sass +1 -1
  10. data/app/assets/stylesheets/sass/components/dropdown.sass +3 -3
  11. data/app/assets/stylesheets/sass/components/level.sass +2 -2
  12. data/app/assets/stylesheets/sass/components/media.sass +10 -8
  13. data/app/assets/stylesheets/sass/components/menu.sass +2 -2
  14. data/app/assets/stylesheets/sass/components/message.sass +1 -1
  15. data/app/assets/stylesheets/sass/components/modal.sass +2 -2
  16. data/app/assets/stylesheets/sass/components/navbar.sass +9 -9
  17. data/app/assets/stylesheets/sass/components/panel.sass +2 -2
  18. data/app/assets/stylesheets/sass/components/tabs.sass +35 -12
  19. data/app/assets/stylesheets/sass/elements/button.sass +7 -7
  20. data/app/assets/stylesheets/sass/elements/content.sass +5 -5
  21. data/app/assets/stylesheets/sass/elements/notification.sass +7 -2
  22. data/app/assets/stylesheets/sass/elements/table.sass +3 -1
  23. data/app/assets/stylesheets/sass/elements/tag.sass +24 -16
  24. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +1 -1
  25. data/app/assets/stylesheets/sass/form/file.sass +2 -2
  26. data/app/assets/stylesheets/sass/form/select.sass +4 -4
  27. data/app/assets/stylesheets/sass/form/tools.sass +18 -10
  28. data/app/assets/stylesheets/sass/helpers/_all.sass +10 -0
  29. data/app/assets/stylesheets/sass/helpers/color.sass +37 -0
  30. data/app/assets/stylesheets/sass/helpers/float.sass +8 -0
  31. data/app/assets/stylesheets/sass/helpers/other.sass +8 -0
  32. data/app/assets/stylesheets/sass/helpers/overflow.sass +2 -0
  33. data/app/assets/stylesheets/sass/helpers/position.sass +5 -0
  34. data/app/assets/stylesheets/sass/helpers/spacing.sass +28 -0
  35. data/app/assets/stylesheets/sass/helpers/typography.sass +98 -0
  36. data/app/assets/stylesheets/sass/helpers/visibility.sass +122 -0
  37. data/app/assets/stylesheets/sass/layout/hero.sass +1 -1
  38. data/app/assets/stylesheets/sass/utilities/_all.sass +1 -1
  39. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +132 -0
  40. data/app/assets/stylesheets/sass/utilities/functions.sass +5 -0
  41. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +1 -0
  42. data/app/assets/stylesheets/sass/utilities/mixins.sass +24 -0
  43. data/lib/bulma/sass/version.rb +1 -1
  44. data/release.sh +2 -2
  45. metadata +12 -4
  46. data/app/assets/stylesheets/sass/components/list.sass +0 -39
  47. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +0 -106
@@ -108,3 +108,8 @@
108
108
  @if type-of($color) != 'color'
109
109
  @return $color
110
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
@@ -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
@@ -1,5 +1,5 @@
1
1
  module Bulma
2
2
  module Sass
3
- VERSION = "0.8.2"
3
+ VERSION = "0.9.0"
4
4
  end
5
5
  end
data/release.sh CHANGED
@@ -12,5 +12,5 @@ gem build bulma-sass.gemspec
12
12
  gem push "bulma-sass-$version.gem"
13
13
  git add .
14
14
  git commit -m "Release v$version"
15
- git tag -a "v$version" -m "v$version"
16
- git push
15
+ git tag "$version"
16
+ git push --follow-tags
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bulma-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.8.2
4
+ version: 0.9.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - bananaappletw
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2020-04-12 00:00:00.000000000 Z
11
+ date: 2020-10-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -74,7 +74,6 @@ files:
74
74
  - app/assets/stylesheets/sass/components/card.sass
75
75
  - app/assets/stylesheets/sass/components/dropdown.sass
76
76
  - app/assets/stylesheets/sass/components/level.sass
77
- - app/assets/stylesheets/sass/components/list.sass
78
77
  - app/assets/stylesheets/sass/components/media.sass
79
78
  - app/assets/stylesheets/sass/components/menu.sass
80
79
  - app/assets/stylesheets/sass/components/message.sass
@@ -107,6 +106,15 @@ files:
107
106
  - app/assets/stylesheets/sass/grid/_all.sass
108
107
  - app/assets/stylesheets/sass/grid/columns.sass
109
108
  - app/assets/stylesheets/sass/grid/tiles.sass
109
+ - app/assets/stylesheets/sass/helpers/_all.sass
110
+ - app/assets/stylesheets/sass/helpers/color.sass
111
+ - app/assets/stylesheets/sass/helpers/float.sass
112
+ - app/assets/stylesheets/sass/helpers/other.sass
113
+ - app/assets/stylesheets/sass/helpers/overflow.sass
114
+ - app/assets/stylesheets/sass/helpers/position.sass
115
+ - app/assets/stylesheets/sass/helpers/spacing.sass
116
+ - app/assets/stylesheets/sass/helpers/typography.sass
117
+ - app/assets/stylesheets/sass/helpers/visibility.sass
110
118
  - app/assets/stylesheets/sass/layout/_all.sass
111
119
  - app/assets/stylesheets/sass/layout/footer.sass
112
120
  - app/assets/stylesheets/sass/layout/hero.sass
@@ -114,7 +122,7 @@ files:
114
122
  - app/assets/stylesheets/sass/utilities/_all.sass
115
123
  - app/assets/stylesheets/sass/utilities/animations.sass
116
124
  - app/assets/stylesheets/sass/utilities/controls.sass
117
- - app/assets/stylesheets/sass/utilities/derived-variables.sass
125
+ - app/assets/stylesheets/sass/utilities/derived-variables.scss
118
126
  - app/assets/stylesheets/sass/utilities/functions.sass
119
127
  - app/assets/stylesheets/sass/utilities/initial-variables.sass
120
128
  - app/assets/stylesheets/sass/utilities/mixins.sass
@@ -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
@@ -1,106 +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(("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
- $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
-
106
- $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default