bulma-sass 0.8.2 → 0.9.0

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