bulma-sass 0.9.1 → 0.9.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (55) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/bulma.sass +1 -1
  3. data/app/assets/stylesheets/sass/base/_all.sass +3 -2
  4. data/app/assets/stylesheets/sass/base/animations.sass +5 -0
  5. data/app/assets/stylesheets/sass/base/generic.sass +2 -0
  6. data/app/assets/stylesheets/sass/components/_all.sass +12 -12
  7. data/app/assets/stylesheets/sass/components/breadcrumb.sass +2 -0
  8. data/app/assets/stylesheets/sass/components/card.sass +21 -2
  9. data/app/assets/stylesheets/sass/components/dropdown.sass +2 -0
  10. data/app/assets/stylesheets/sass/components/level.sass +2 -0
  11. data/app/assets/stylesheets/sass/components/media.sass +16 -9
  12. data/app/assets/stylesheets/sass/components/menu.sass +2 -0
  13. data/app/assets/stylesheets/sass/components/message.sass +2 -0
  14. data/app/assets/stylesheets/sass/components/modal.sass +2 -0
  15. data/app/assets/stylesheets/sass/components/navbar.sass +2 -0
  16. data/app/assets/stylesheets/sass/components/pagination.sass +11 -3
  17. data/app/assets/stylesheets/sass/components/panel.sass +2 -0
  18. data/app/assets/stylesheets/sass/components/tabs.sass +2 -0
  19. data/app/assets/stylesheets/sass/elements/_all.sass +12 -12
  20. data/app/assets/stylesheets/sass/elements/box.sass +2 -0
  21. data/app/assets/stylesheets/sass/elements/button.sass +21 -1
  22. data/app/assets/stylesheets/sass/elements/container.sass +2 -0
  23. data/app/assets/stylesheets/sass/elements/content.sass +2 -0
  24. data/app/assets/stylesheets/sass/elements/icon.sass +19 -0
  25. data/app/assets/stylesheets/sass/elements/image.sass +2 -0
  26. data/app/assets/stylesheets/sass/elements/notification.sass +2 -0
  27. data/app/assets/stylesheets/sass/elements/other.sass +2 -0
  28. data/app/assets/stylesheets/sass/elements/progress.sass +2 -0
  29. data/app/assets/stylesheets/sass/elements/table.sass +2 -0
  30. data/app/assets/stylesheets/sass/elements/tag.sass +2 -0
  31. data/app/assets/stylesheets/sass/elements/title.sass +2 -0
  32. data/app/assets/stylesheets/sass/form/_all.sass +6 -6
  33. data/app/assets/stylesheets/sass/form/shared.sass +3 -0
  34. data/app/assets/stylesheets/sass/grid/_all.sass +2 -2
  35. data/app/assets/stylesheets/sass/grid/columns.sass +86 -77
  36. data/app/assets/stylesheets/sass/grid/tiles.sass +2 -0
  37. data/app/assets/stylesheets/sass/helpers/_all.sass +9 -9
  38. data/app/assets/stylesheets/sass/helpers/color.sass +2 -0
  39. data/app/assets/stylesheets/sass/helpers/float.sass +2 -0
  40. data/app/assets/stylesheets/sass/helpers/other.sass +3 -0
  41. data/app/assets/stylesheets/sass/helpers/position.sass +2 -0
  42. data/app/assets/stylesheets/sass/helpers/typography.sass +2 -0
  43. data/app/assets/stylesheets/sass/helpers/visibility.sass +1 -1
  44. data/app/assets/stylesheets/sass/layout/_all.sass +3 -3
  45. data/app/assets/stylesheets/sass/layout/footer.sass +2 -0
  46. data/app/assets/stylesheets/sass/layout/hero.sass +2 -0
  47. data/app/assets/stylesheets/sass/layout/section.sass +2 -0
  48. data/app/assets/stylesheets/sass/utilities/_all.sass +6 -6
  49. data/app/assets/stylesheets/sass/utilities/animations.sass +1 -5
  50. data/app/assets/stylesheets/sass/utilities/controls.sass +2 -3
  51. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +3 -0
  52. data/app/assets/stylesheets/sass/utilities/extends.sass +22 -0
  53. data/app/assets/stylesheets/sass/utilities/mixins.sass +2 -19
  54. data/lib/bulma/sass/version.rb +1 -1
  55. metadata +4 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4059718d27ced55304dbe5cbdfb044bb745589f391ed3159c4996819d40e527f
4
- data.tar.gz: cff16bca7debd8b0620bc1494b283280887c70e073238864aad61666fd3ecba5
3
+ metadata.gz: b751e72ff1282d450a5a3237cad1fea99f2578f42dced55561b5f029e842bd93
4
+ data.tar.gz: 87eef5ec2bfd46be1eb41eddf8d49a32934cb1f7fa83415be3ad9454836d16c7
5
5
  SHA512:
6
- metadata.gz: 28f07b207c4342cb2a58e1529c4ff1436e6e2fd85e7473623a2b38b22c1341eb619a03f3ec89e5233617acb922ca9e3f03576b7eca0426dd9a73d7216618344b
7
- data.tar.gz: 9c03e15f639210477655e504a43efbfa725fbe22ea4a9a6cfcd832329349092a48eece71d29fe86ef3cdfc7b3627ed27ba2cf3f291e412212193b43bf1192e63
6
+ metadata.gz: dd35c64ab216380b8375e7bb424f2df8a1652cb11de4ccd5132323d4a414eb065ac1d708e990b4fc544b89c980875174c1ecfea95b4a2aba953a0a138fabffef
7
+ data.tar.gz: 51b4eb61d774d199fa6c46af32174994aad9f96bd7b853a13006ecc21d6039ee3eef4d12d5d380737473a845d0b5541c62e8d3a220a3209a83c23398e89db47d
@@ -1,5 +1,5 @@
1
1
  @charset "utf-8"
2
- /*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
2
+ /*! bulma.io v0.9.2 | 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,5 +1,6 @@
1
1
  /* Bulma Base */
2
2
  @charset "utf-8"
3
3
 
4
- @import "minireset.sass"
5
- @import "generic.sass"
4
+ @import "minireset"
5
+ @import "generic"
6
+ @import "animations"
@@ -0,0 +1,5 @@
1
+ @keyframes spinAround
2
+ from
3
+ transform: rotate(0deg)
4
+ to
5
+ transform: rotate(359deg)
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $body-background-color: $scheme-main !default
2
4
  $body-size: 16px !default
3
5
  $body-min-width: 300px !default
@@ -1,15 +1,15 @@
1
1
  /* Bulma Components */
2
2
  @charset "utf-8"
3
3
 
4
- @import "breadcrumb.sass"
5
- @import "card.sass"
6
- @import "dropdown.sass"
7
- @import "level.sass"
8
- @import "media.sass"
9
- @import "menu.sass"
10
- @import "message.sass"
11
- @import "modal.sass"
12
- @import "navbar.sass"
13
- @import "pagination.sass"
14
- @import "panel.sass"
15
- @import "tabs.sass"
4
+ @import "breadcrumb"
5
+ @import "card"
6
+ @import "dropdown"
7
+ @import "level"
8
+ @import "media"
9
+ @import "menu"
10
+ @import "message"
11
+ @import "modal"
12
+ @import "navbar"
13
+ @import "pagination"
14
+ @import "panel"
15
+ @import "tabs"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $breadcrumb-item-color: $link !default
2
4
  $breadcrumb-item-hover-color: $link-hover !default
3
5
  $breadcrumb-item-active-color: $text-strong !default
@@ -1,8 +1,9 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $card-color: $text !default
2
4
  $card-background-color: $scheme-main !default
3
5
  $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
4
6
  $card-radius: 0.25rem !default
5
- $card-overflow: hidden !default
6
7
 
7
8
  $card-header-background-color: transparent !default
8
9
  $card-header-color: $text-strong !default
@@ -25,10 +26,18 @@ $card-media-margin: $block-spacing !default
25
26
  box-shadow: $card-shadow
26
27
  color: $card-color
27
28
  max-width: 100%
28
- overflow: $card-overflow
29
29
  position: relative
30
30
 
31
+ %card-item
32
+ &:first-child
33
+ border-top-left-radius: $card-radius
34
+ border-top-right-radius: $card-radius
35
+ &:last-child
36
+ border-bottom-left-radius: $card-radius
37
+ border-bottom-right-radius: $card-radius
38
+
31
39
  .card-header
40
+ @extend %card-item
32
41
  background-color: $card-header-background-color
33
42
  align-items: stretch
34
43
  box-shadow: $card-header-shadow
@@ -54,12 +63,22 @@ $card-media-margin: $block-spacing !default
54
63
  .card-image
55
64
  display: block
56
65
  position: relative
66
+ &:first-child
67
+ img
68
+ border-top-left-radius: $card-radius
69
+ border-top-right-radius: $card-radius
70
+ &:last-child
71
+ img
72
+ border-bottom-left-radius: $card-radius
73
+ border-bottom-right-radius: $card-radius
57
74
 
58
75
  .card-content
76
+ @extend %card-item
59
77
  background-color: $card-content-background-color
60
78
  padding: $card-content-padding
61
79
 
62
80
  .card-footer
81
+ @extend %card-item
63
82
  background-color: $card-footer-background-color
64
83
  border-top: $card-footer-border-top
65
84
  align-items: stretch
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $dropdown-menu-min-width: 12rem !default
2
4
 
3
5
  $dropdown-content-background-color: $scheme-main !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $level-item-spacing: ($block-spacing / 2) !default
2
4
 
3
5
  .level
@@ -1,26 +1,33 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $media-border-color: bulmaRgba($border, 0.5) !default
2
- $media-spacing: 1rem
3
- $media-spacing-large: 1.5rem
4
+ $media-border-size: 1px !default
5
+ $media-spacing: 1rem !default
6
+ $media-spacing-large: 1.5rem !default
7
+ $media-content-spacing: 0.75rem !default
8
+ $media-level-1-spacing: 0.75rem !default
9
+ $media-level-1-content-spacing: 0.5rem !default
10
+ $media-level-2-spacing: 0.5rem !default
4
11
 
5
12
  .media
6
13
  align-items: flex-start
7
14
  display: flex
8
15
  text-align: inherit
9
16
  .content:not(:last-child)
10
- margin-bottom: 0.75rem
17
+ margin-bottom: $media-content-spacing
11
18
  .media
12
- border-top: 1px solid $media-border-color
19
+ border-top: $media-border-size solid $media-border-color
13
20
  display: flex
14
- padding-top: 0.75rem
21
+ padding-top: $media-level-1-spacing
15
22
  .content:not(:last-child),
16
23
  .control:not(:last-child)
17
- margin-bottom: 0.5rem
24
+ margin-bottom: $media-level-1-content-spacing
18
25
  .media
19
- padding-top: 0.5rem
26
+ padding-top: $media-level-2-spacing
20
27
  & + .media
21
- margin-top: 0.5rem
28
+ margin-top: $media-level-2-spacing
22
29
  & + .media
23
- border-top: 1px solid $media-border-color
30
+ border-top: $media-border-size solid $media-border-color
24
31
  margin-top: $media-spacing
25
32
  padding-top: $media-spacing
26
33
  // Sizes
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $menu-item-color: $text !default
2
4
  $menu-item-radius: $radius-small !default
3
5
  $menu-item-hover-color: $text-strong !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $message-background-color: $background !default
2
4
  $message-radius: $radius !default
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $modal-z: 40 !default
2
4
 
3
5
  $modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $navbar-background-color: $scheme-main !default
2
4
  $navbar-box-shadow-size: 0 2px 0 0 !default
3
5
  $navbar-box-shadow-color: $background !default
@@ -1,3 +1,6 @@
1
+ @import "../utilities/controls"
2
+ @import "../utilities/mixins"
3
+
1
4
  $pagination-color: $text-strong !default
2
5
  $pagination-border-color: $border !default
3
6
  $pagination-margin: -0.25rem !default
@@ -8,6 +11,9 @@ $pagination-item-margin: 0.25rem !default
8
11
  $pagination-item-padding-left: 0.5em !default
9
12
  $pagination-item-padding-right: 0.5em !default
10
13
 
14
+ $pagination-nav-padding-left: 0.75em !default
15
+ $pagination-nav-padding-right: 0.75em !default
16
+
11
17
  $pagination-hover-color: $link-hover !default
12
18
  $pagination-hover-border-color: $link-hover-border !default
13
19
 
@@ -27,7 +33,7 @@ $pagination-current-border-color: $link !default
27
33
 
28
34
  $pagination-ellipsis-color: $grey-light !default
29
35
 
30
- $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
36
+ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
31
37
 
32
38
  .pagination
33
39
  @extend %block
@@ -91,8 +97,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
91
97
 
92
98
  .pagination-previous,
93
99
  .pagination-next
94
- padding-left: 0.75em
95
- padding-right: 0.75em
100
+ padding-left: $pagination-nav-padding-left
101
+ padding-right: $pagination-nav-padding-right
96
102
  white-space: nowrap
97
103
 
98
104
  .pagination-link
@@ -107,6 +113,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
107
113
 
108
114
  .pagination-list
109
115
  flex-wrap: wrap
116
+ li
117
+ list-style: none
110
118
 
111
119
  +mobile
112
120
  .pagination
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $panel-margin: $block-spacing !default
2
4
  $panel-item-border: 1px solid $border-light !default
3
5
  $panel-radius: $radius-large !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $tabs-border-bottom-color: $border !default
2
4
  $tabs-border-bottom-style: solid !default
3
5
  $tabs-border-bottom-width: 1px !default
@@ -1,16 +1,16 @@
1
1
  /* Bulma Elements */
2
2
  @charset "utf-8"
3
3
 
4
- @import "box.sass"
5
- @import "button.sass"
6
- @import "container.sass"
7
- @import "content.sass"
8
- @import "icon.sass"
9
- @import "image.sass"
10
- @import "notification.sass"
11
- @import "progress.sass"
12
- @import "table.sass"
13
- @import "tag.sass"
14
- @import "title.sass"
4
+ @import "box"
5
+ @import "button"
6
+ @import "container"
7
+ @import "content"
8
+ @import "icon"
9
+ @import "image"
10
+ @import "notification"
11
+ @import "progress"
12
+ @import "table"
13
+ @import "tag"
14
+ @import "title"
15
15
 
16
- @import "other.sass"
16
+ @import "other"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $box-color: $text !default
2
4
  $box-background-color: $scheme-main !default
3
5
  $box-radius: $radius-large !default
@@ -1,3 +1,6 @@
1
+ @import "../utilities/controls"
2
+ @import "../utilities/mixins"
3
+
1
4
  $button-color: $text-strong !default
2
5
  $button-background-color: $scheme-main !default
3
6
  $button-family: false !default
@@ -24,6 +27,13 @@ $button-text-decoration: underline !default
24
27
  $button-text-hover-background-color: $background !default
25
28
  $button-text-hover-color: $text-strong !default
26
29
 
30
+ $button-ghost-background: none !default
31
+ $button-ghost-border-color: transparent !default
32
+ $button-ghost-color: $link !default
33
+ $button-ghost-decoration: none !default
34
+ $button-ghost-hover-color: $link !default
35
+ $button-ghost-hover-decoration: underline !default
36
+
27
37
  $button-disabled-background-color: $scheme-main !default
28
38
  $button-disabled-border-color: $border !default
29
39
  $button-disabled-shadow: none !default
@@ -37,7 +47,8 @@ $button-colors: $colors !default
37
47
 
38
48
  // The button sizes use mixins so they can be used at different breakpoints
39
49
  =button-small
40
- border-radius: $radius-small
50
+ &:not(.is-rounded)
51
+ border-radius: $radius-small
41
52
  font-size: $size-small
42
53
  =button-normal
43
54
  font-size: $size-normal
@@ -117,6 +128,15 @@ $button-colors: $colors !default
117
128
  background-color: transparent
118
129
  border-color: transparent
119
130
  box-shadow: none
131
+ &.is-ghost
132
+ background: $button-ghost-background
133
+ border-color: $button-ghost-border-color
134
+ color: $button-ghost-color
135
+ text-decoration: $button-ghost-decoration
136
+ &:hover,
137
+ &.is-hovered
138
+ color: $button-ghost-hover-color
139
+ text-decoration: $button-ghost-hover-decoration
120
140
  @each $name, $pair in $button-colors
121
141
  $color: nth($pair, 1)
122
142
  $color-invert: nth($pair, 2)
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $container-offset: (2 * $gap) !default
2
4
  $container-max-width: $fullhd !default
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $content-heading-color: $text-strong !default
2
4
  $content-heading-weight: $weight-semibold !default
3
5
  $content-heading-line-height: 1.125 !default
@@ -2,6 +2,7 @@ $icon-dimensions: 1.5rem !default
2
2
  $icon-dimensions-small: 1rem !default
3
3
  $icon-dimensions-medium: 2rem !default
4
4
  $icon-dimensions-large: 3rem !default
5
+ $icon-text-spacing: 0.25em !default
5
6
 
6
7
  .icon
7
8
  align-items: center
@@ -19,3 +20,21 @@ $icon-dimensions-large: 3rem !default
19
20
  &.is-large
20
21
  height: $icon-dimensions-large
21
22
  width: $icon-dimensions-large
23
+
24
+ .icon-text
25
+ align-items: flex-start
26
+ color: inherit
27
+ display: inline-flex
28
+ flex-wrap: wrap
29
+ line-height: $icon-dimensions
30
+ vertical-align: top
31
+ .icon
32
+ flex-grow: 0
33
+ flex-shrink: 0
34
+ &:not(:last-child)
35
+ margin-right: $icon-text-spacing
36
+ &:not(:first-child)
37
+ margin-left: $icon-text-spacing
38
+
39
+ div.icon-text
40
+ display: flex
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $dimensions: 16 24 32 48 64 96 128 !default
2
4
 
3
5
  .image
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $notification-background-color: $background !default
2
4
  $notification-code-background-color: $scheme-main !default
3
5
  $notification-radius: $radius !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  .block
2
4
  @extend %block
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $progress-bar-background-color: $border-light !default
2
4
  $progress-value-background-color: $text !default
3
5
  $progress-border-radius: $radius-rounded !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $table-color: $text-strong !default
2
4
  $table-background-color: $scheme-main !default
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $tag-background-color: $background !default
2
4
  $tag-color: $text !default
3
5
  $tag-radius: $radius !default
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $title-color: $text-strong !default
2
4
  $title-family: false !default
3
5
  $title-size: $size-3 !default
@@ -1,9 +1,9 @@
1
1
  /* Bulma Form */
2
2
  @charset "utf-8"
3
3
 
4
- @import "shared.sass"
5
- @import "input-textarea.sass"
6
- @import "checkbox-radio.sass"
7
- @import "select.sass"
8
- @import "file.sass"
9
- @import "tools.sass"
4
+ @import "shared"
5
+ @import "input-textarea"
6
+ @import "checkbox-radio"
7
+ @import "select"
8
+ @import "file"
9
+ @import "tools"
@@ -1,3 +1,6 @@
1
+ @import "../utilities/controls"
2
+ @import "../utilities/mixins"
3
+
1
4
  $form-colors: $colors !default
2
5
 
3
6
  $input-color: $text-strong !default
@@ -1,5 +1,5 @@
1
1
  /* Bulma Grid */
2
2
  @charset "utf-8"
3
3
 
4
- @import "columns.sass"
5
- @import "tiles.sass"
4
+ @import "columns"
5
+ @import "tiles"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $column-gap: 0.75rem !default
2
4
 
3
5
  .column
@@ -8,6 +10,7 @@ $column-gap: 0.75rem !default
8
10
  padding: $column-gap
9
11
  .columns.is-mobile > &.is-narrow
10
12
  flex: none
13
+ width: unset
11
14
  .columns.is-mobile > &.is-full
12
15
  flex: none
13
16
  width: 100%
@@ -39,32 +42,33 @@ $column-gap: 0.75rem !default
39
42
  flex: none
40
43
  width: 80%
41
44
  .columns.is-mobile > &.is-offset-three-quarters
42
- margin-left: 75%
45
+ +ltr-property("margin", 75%, false)
43
46
  .columns.is-mobile > &.is-offset-two-thirds
44
- margin-left: 66.6666%
47
+ +ltr-property("margin", 66.6666%, false)
45
48
  .columns.is-mobile > &.is-offset-half
46
- margin-left: 50%
49
+ +ltr-property("margin", 50%, false)
47
50
  .columns.is-mobile > &.is-offset-one-third
48
- margin-left: 33.3333%
51
+ +ltr-property("margin", 33.3333%, false)
49
52
  .columns.is-mobile > &.is-offset-one-quarter
50
- margin-left: 25%
53
+ +ltr-property("margin", 25%, false)
51
54
  .columns.is-mobile > &.is-offset-one-fifth
52
- margin-left: 20%
55
+ +ltr-property("margin", 20%, false)
53
56
  .columns.is-mobile > &.is-offset-two-fifths
54
- margin-left: 40%
57
+ +ltr-property("margin", 40%, false)
55
58
  .columns.is-mobile > &.is-offset-three-fifths
56
- margin-left: 60%
59
+ +ltr-property("margin", 60%, false)
57
60
  .columns.is-mobile > &.is-offset-four-fifths
58
- margin-left: 80%
61
+ +ltr-property("margin", 80%, false)
59
62
  @for $i from 0 through 12
60
63
  .columns.is-mobile > &.is-#{$i}
61
64
  flex: none
62
65
  width: percentage($i / 12)
63
66
  .columns.is-mobile > &.is-offset-#{$i}
64
- margin-left: percentage($i / 12)
67
+ +ltr-property("margin", percentage($i / 12), false)
65
68
  +mobile
66
69
  &.is-narrow-mobile
67
70
  flex: none
71
+ width: unset
68
72
  &.is-full-mobile
69
73
  flex: none
70
74
  width: 100%
@@ -96,33 +100,34 @@ $column-gap: 0.75rem !default
96
100
  flex: none
97
101
  width: 80%
98
102
  &.is-offset-three-quarters-mobile
99
- margin-left: 75%
103
+ +ltr-property("margin", 75%, false)
100
104
  &.is-offset-two-thirds-mobile
101
- margin-left: 66.6666%
105
+ +ltr-property("margin", 66.6666%, false)
102
106
  &.is-offset-half-mobile
103
- margin-left: 50%
107
+ +ltr-property("margin", 50%, false)
104
108
  &.is-offset-one-third-mobile
105
- margin-left: 33.3333%
109
+ +ltr-property("margin", 33.3333%, false)
106
110
  &.is-offset-one-quarter-mobile
107
- margin-left: 25%
111
+ +ltr-property("margin", 25%, false)
108
112
  &.is-offset-one-fifth-mobile
109
- margin-left: 20%
113
+ +ltr-property("margin", 20%, false)
110
114
  &.is-offset-two-fifths-mobile
111
- margin-left: 40%
115
+ +ltr-property("margin", 40%, false)
112
116
  &.is-offset-three-fifths-mobile
113
- margin-left: 60%
117
+ +ltr-property("margin", 60%, false)
114
118
  &.is-offset-four-fifths-mobile
115
- margin-left: 80%
119
+ +ltr-property("margin", 80%, false)
116
120
  @for $i from 0 through 12
117
121
  &.is-#{$i}-mobile
118
122
  flex: none
119
123
  width: percentage($i / 12)
120
124
  &.is-offset-#{$i}-mobile
121
- margin-left: percentage($i / 12)
125
+ +ltr-property("margin", percentage($i / 12), false)
122
126
  +tablet
123
127
  &.is-narrow,
124
128
  &.is-narrow-tablet
125
129
  flex: none
130
+ width: unset
126
131
  &.is-full,
127
132
  &.is-full-tablet
128
133
  flex: none
@@ -165,31 +170,31 @@ $column-gap: 0.75rem !default
165
170
  width: 80%
166
171
  &.is-offset-three-quarters,
167
172
  &.is-offset-three-quarters-tablet
168
- margin-left: 75%
173
+ +ltr-property("margin", 75%, false)
169
174
  &.is-offset-two-thirds,
170
175
  &.is-offset-two-thirds-tablet
171
- margin-left: 66.6666%
176
+ +ltr-property("margin", 66.6666%, false)
172
177
  &.is-offset-half,
173
178
  &.is-offset-half-tablet
174
- margin-left: 50%
179
+ +ltr-property("margin", 50%, false)
175
180
  &.is-offset-one-third,
176
181
  &.is-offset-one-third-tablet
177
- margin-left: 33.3333%
182
+ +ltr-property("margin", 33.3333%, false)
178
183
  &.is-offset-one-quarter,
179
184
  &.is-offset-one-quarter-tablet
180
- margin-left: 25%
185
+ +ltr-property("margin", 25%, false)
181
186
  &.is-offset-one-fifth,
182
187
  &.is-offset-one-fifth-tablet
183
- margin-left: 20%
188
+ +ltr-property("margin", 20%, false)
184
189
  &.is-offset-two-fifths,
185
190
  &.is-offset-two-fifths-tablet
186
- margin-left: 40%
191
+ +ltr-property("margin", 40%, false)
187
192
  &.is-offset-three-fifths,
188
193
  &.is-offset-three-fifths-tablet
189
- margin-left: 60%
194
+ +ltr-property("margin", 60%, false)
190
195
  &.is-offset-four-fifths,
191
196
  &.is-offset-four-fifths-tablet
192
- margin-left: 80%
197
+ +ltr-property("margin", 80%, false)
193
198
  @for $i from 0 through 12
194
199
  &.is-#{$i},
195
200
  &.is-#{$i}-tablet
@@ -197,10 +202,11 @@ $column-gap: 0.75rem !default
197
202
  width: percentage($i / 12)
198
203
  &.is-offset-#{$i},
199
204
  &.is-offset-#{$i}-tablet
200
- margin-left: percentage($i / 12)
205
+ +ltr-property("margin", percentage($i / 12), false)
201
206
  +touch
202
207
  &.is-narrow-touch
203
208
  flex: none
209
+ width: unset
204
210
  &.is-full-touch
205
211
  flex: none
206
212
  width: 100%
@@ -232,32 +238,33 @@ $column-gap: 0.75rem !default
232
238
  flex: none
233
239
  width: 80%
234
240
  &.is-offset-three-quarters-touch
235
- margin-left: 75%
241
+ +ltr-property("margin", 75%, false)
236
242
  &.is-offset-two-thirds-touch
237
- margin-left: 66.6666%
243
+ +ltr-property("margin", 66.6666%, false)
238
244
  &.is-offset-half-touch
239
- margin-left: 50%
245
+ +ltr-property("margin", 50%, false)
240
246
  &.is-offset-one-third-touch
241
- margin-left: 33.3333%
247
+ +ltr-property("margin", 33.3333%, false)
242
248
  &.is-offset-one-quarter-touch
243
- margin-left: 25%
249
+ +ltr-property("margin", 25%, false)
244
250
  &.is-offset-one-fifth-touch
245
- margin-left: 20%
251
+ +ltr-property("margin", 20%, false)
246
252
  &.is-offset-two-fifths-touch
247
- margin-left: 40%
253
+ +ltr-property("margin", 40%, false)
248
254
  &.is-offset-three-fifths-touch
249
- margin-left: 60%
255
+ +ltr-property("margin", 60%, false)
250
256
  &.is-offset-four-fifths-touch
251
- margin-left: 80%
257
+ +ltr-property("margin", 80%, false)
252
258
  @for $i from 0 through 12
253
259
  &.is-#{$i}-touch
254
260
  flex: none
255
261
  width: percentage($i / 12)
256
262
  &.is-offset-#{$i}-touch
257
- margin-left: percentage($i / 12)
263
+ +ltr-property("margin", percentage($i / 12), false)
258
264
  +desktop
259
265
  &.is-narrow-desktop
260
266
  flex: none
267
+ width: unset
261
268
  &.is-full-desktop
262
269
  flex: none
263
270
  width: 100%
@@ -289,32 +296,33 @@ $column-gap: 0.75rem !default
289
296
  flex: none
290
297
  width: 80%
291
298
  &.is-offset-three-quarters-desktop
292
- margin-left: 75%
299
+ +ltr-property("margin", 75%, false)
293
300
  &.is-offset-two-thirds-desktop
294
- margin-left: 66.6666%
301
+ +ltr-property("margin", 66.6666%, false)
295
302
  &.is-offset-half-desktop
296
- margin-left: 50%
303
+ +ltr-property("margin", 50%, false)
297
304
  &.is-offset-one-third-desktop
298
- margin-left: 33.3333%
305
+ +ltr-property("margin", 33.3333%, false)
299
306
  &.is-offset-one-quarter-desktop
300
- margin-left: 25%
307
+ +ltr-property("margin", 25%, false)
301
308
  &.is-offset-one-fifth-desktop
302
- margin-left: 20%
309
+ +ltr-property("margin", 20%, false)
303
310
  &.is-offset-two-fifths-desktop
304
- margin-left: 40%
311
+ +ltr-property("margin", 40%, false)
305
312
  &.is-offset-three-fifths-desktop
306
- margin-left: 60%
313
+ +ltr-property("margin", 60%, false)
307
314
  &.is-offset-four-fifths-desktop
308
- margin-left: 80%
315
+ +ltr-property("margin", 80%, false)
309
316
  @for $i from 0 through 12
310
317
  &.is-#{$i}-desktop
311
318
  flex: none
312
319
  width: percentage($i / 12)
313
320
  &.is-offset-#{$i}-desktop
314
- margin-left: percentage($i / 12)
321
+ +ltr-property("margin", percentage($i / 12), false)
315
322
  +widescreen
316
323
  &.is-narrow-widescreen
317
324
  flex: none
325
+ width: unset
318
326
  &.is-full-widescreen
319
327
  flex: none
320
328
  width: 100%
@@ -346,32 +354,33 @@ $column-gap: 0.75rem !default
346
354
  flex: none
347
355
  width: 80%
348
356
  &.is-offset-three-quarters-widescreen
349
- margin-left: 75%
357
+ +ltr-property("margin", 75%, false)
350
358
  &.is-offset-two-thirds-widescreen
351
- margin-left: 66.6666%
359
+ +ltr-property("margin", 66.6666%, false)
352
360
  &.is-offset-half-widescreen
353
- margin-left: 50%
361
+ +ltr-property("margin", 50%, false)
354
362
  &.is-offset-one-third-widescreen
355
- margin-left: 33.3333%
363
+ +ltr-property("margin", 33.3333%, false)
356
364
  &.is-offset-one-quarter-widescreen
357
- margin-left: 25%
365
+ +ltr-property("margin", 25%, false)
358
366
  &.is-offset-one-fifth-widescreen
359
- margin-left: 20%
367
+ +ltr-property("margin", 20%, false)
360
368
  &.is-offset-two-fifths-widescreen
361
- margin-left: 40%
369
+ +ltr-property("margin", 40%, false)
362
370
  &.is-offset-three-fifths-widescreen
363
- margin-left: 60%
371
+ +ltr-property("margin", 60%, false)
364
372
  &.is-offset-four-fifths-widescreen
365
- margin-left: 80%
373
+ +ltr-property("margin", 80%, false)
366
374
  @for $i from 0 through 12
367
375
  &.is-#{$i}-widescreen
368
376
  flex: none
369
377
  width: percentage($i / 12)
370
378
  &.is-offset-#{$i}-widescreen
371
- margin-left: percentage($i / 12)
379
+ +ltr-property("margin", percentage($i / 12), false)
372
380
  +fullhd
373
381
  &.is-narrow-fullhd
374
382
  flex: none
383
+ width: unset
375
384
  &.is-full-fullhd
376
385
  flex: none
377
386
  width: 100%
@@ -403,33 +412,33 @@ $column-gap: 0.75rem !default
403
412
  flex: none
404
413
  width: 80%
405
414
  &.is-offset-three-quarters-fullhd
406
- margin-left: 75%
415
+ +ltr-property("margin", 75%, false)
407
416
  &.is-offset-two-thirds-fullhd
408
- margin-left: 66.6666%
417
+ +ltr-property("margin", 66.6666%, false)
409
418
  &.is-offset-half-fullhd
410
- margin-left: 50%
419
+ +ltr-property("margin", 50%, false)
411
420
  &.is-offset-one-third-fullhd
412
- margin-left: 33.3333%
421
+ +ltr-property("margin", 33.3333%, false)
413
422
  &.is-offset-one-quarter-fullhd
414
- margin-left: 25%
423
+ +ltr-property("margin", 25%, false)
415
424
  &.is-offset-one-fifth-fullhd
416
- margin-left: 20%
425
+ +ltr-property("margin", 20%, false)
417
426
  &.is-offset-two-fifths-fullhd
418
- margin-left: 40%
427
+ +ltr-property("margin", 40%, false)
419
428
  &.is-offset-three-fifths-fullhd
420
- margin-left: 60%
429
+ +ltr-property("margin", 60%, false)
421
430
  &.is-offset-four-fifths-fullhd
422
- margin-left: 80%
431
+ +ltr-property("margin", 80%, false)
423
432
  @for $i from 0 through 12
424
433
  &.is-#{$i}-fullhd
425
434
  flex: none
426
435
  width: percentage($i / 12)
427
436
  &.is-offset-#{$i}-fullhd
428
- margin-left: percentage($i / 12)
437
+ +ltr-property("margin", percentage($i / 12), false)
429
438
 
430
439
  .columns
431
- margin-left: (-$column-gap)
432
- margin-right: (-$column-gap)
440
+ +ltr-property("margin", (-$column-gap), false)
441
+ +ltr-property("margin", (-$column-gap))
433
442
  margin-top: (-$column-gap)
434
443
  &:last-child
435
444
  margin-bottom: (-$column-gap)
@@ -439,8 +448,8 @@ $column-gap: 0.75rem !default
439
448
  &.is-centered
440
449
  justify-content: center
441
450
  &.is-gapless
442
- margin-left: 0
443
- margin-right: 0
451
+ +ltr-property("margin", 0, false)
452
+ +ltr-property("margin", 0)
444
453
  margin-top: 0
445
454
  & > .column
446
455
  margin: 0
@@ -467,9 +476,9 @@ $column-gap: 0.75rem !default
467
476
  @if $variable-columns
468
477
  .columns.is-variable
469
478
  --columnGap: 0.75rem
470
- margin-left: calc(-1 * var(--columnGap))
471
- margin-right: calc(-1 * var(--columnGap))
472
- .column
479
+ +ltr-property("margin", calc(-1 * var(--columnGap)), false)
480
+ +ltr-property("margin", calc(-1 * var(--columnGap)))
481
+ > .column
473
482
  padding-left: var(--columnGap)
474
483
  padding-right: var(--columnGap)
475
484
  @for $i from 0 through 8
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $tile-spacing: 0.75rem !default
2
4
 
3
5
  .tile
@@ -1,12 +1,12 @@
1
1
  /* Bulma Helpers */
2
2
  @charset "utf-8"
3
3
 
4
- @import "color.sass"
5
- @import "flexbox.sass"
6
- @import "float.sass"
7
- @import "other.sass"
8
- @import "overflow.sass"
9
- @import "position.sass"
10
- @import "spacing.sass"
11
- @import "typography.sass"
12
- @import "visibility.sass"
4
+ @import "color"
5
+ @import "flexbox"
6
+ @import "float"
7
+ @import "other"
8
+ @import "overflow"
9
+ @import "position"
10
+ @import "spacing"
11
+ @import "typography"
12
+ @import "visibility"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/derived-variables"
2
+
1
3
  @each $name, $pair in $colors
2
4
  $color: nth($pair, 1)
3
5
  .has-text-#{$name}
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  .is-clearfix
2
4
  +clearfix
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  .is-radiusless
2
4
  border-radius: 0 !important
3
5
 
@@ -6,6 +8,7 @@
6
8
 
7
9
  .is-clickable
8
10
  cursor: pointer !important
11
+ pointer-events: all !important
9
12
 
10
13
  .is-unselectable
11
14
  @extend %unselectable
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  .is-overlay
2
4
  @extend %overlay
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  =typography-size($target:'')
2
4
  @each $size in $sizes
3
5
  $i: index($sizes, $size)
@@ -1,4 +1,4 @@
1
-
1
+ @import "../utilities/mixins"
2
2
 
3
3
  $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
4
4
 
@@ -1,6 +1,6 @@
1
1
  /* Bulma Layout */
2
2
  @charset "utf-8"
3
3
 
4
- @import "hero.sass"
5
- @import "section.sass"
6
- @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,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $hero-body-padding: 3rem 1.5rem !default
2
4
  $hero-body-padding-small: 1.5rem !default
3
5
  $hero-body-padding-medium: 9rem 1.5rem !default
@@ -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,9 +1,9 @@
1
1
  /* Bulma Utilities */
2
2
  @charset "utf-8"
3
3
 
4
- @import "initial-variables.sass"
5
- @import "functions.sass"
6
- @import "derived-variables.sass"
7
- @import "animations.sass"
8
- @import "mixins.sass"
9
- @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
@@ -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
@@ -1,4 +1,4 @@
1
- @import "initial-variables"
1
+ @import "derived-variables"
2
2
 
3
3
  =clearfix
4
4
  &::after
@@ -161,9 +161,6 @@
161
161
  -ms-user-select: none
162
162
  user-select: none
163
163
 
164
- %unselectable
165
- +unselectable
166
-
167
164
  =arrow($color: transparent)
168
165
  border: 3px solid $color
169
166
  border-radius: 2px
@@ -180,18 +177,12 @@
180
177
  transform-origin: center
181
178
  width: 0.625em
182
179
 
183
- %arrow
184
- +arrow
185
-
186
180
  =block($spacing: $block-spacing)
187
181
  &:not(:last-child)
188
182
  margin-bottom: $spacing
189
183
 
190
- %block
191
- +block
192
-
193
184
  =delete
194
- @extend %unselectable
185
+ +unselectable
195
186
  -moz-appearance: none
196
187
  -webkit-appearance: none
197
188
  background-color: bulmaRgba($scheme-invert, 0.2)
@@ -256,9 +247,6 @@
256
247
  min-width: 32px
257
248
  width: 32px
258
249
 
259
- %delete
260
- +delete
261
-
262
250
  =loader
263
251
  animation: spinAround 500ms infinite linear
264
252
  border: 2px solid $grey-lighter
@@ -271,9 +259,6 @@
271
259
  position: relative
272
260
  width: 1em
273
261
 
274
- %loader
275
- +loader
276
-
277
262
  =overlay($offset: 0)
278
263
  bottom: $offset
279
264
  left: $offset
@@ -281,5 +266,3 @@
281
266
  right: $offset
282
267
  top: $offset
283
268
 
284
- %overlay
285
- +overlay
@@ -1,5 +1,5 @@
1
1
  module Bulma
2
2
  module Sass
3
- VERSION = "0.9.1"
3
+ VERSION = "0.9.2"
4
4
  end
5
5
  end
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.9.1
4
+ version: 0.9.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - bananaappletw
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2020-10-30 00:00:00.000000000 Z
11
+ date: 2021-12-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -66,6 +66,7 @@ files:
66
66
  - Rakefile
67
67
  - app/assets/stylesheets/bulma.sass
68
68
  - app/assets/stylesheets/sass/base/_all.sass
69
+ - app/assets/stylesheets/sass/base/animations.sass
69
70
  - app/assets/stylesheets/sass/base/generic.sass
70
71
  - app/assets/stylesheets/sass/base/helpers.sass
71
72
  - app/assets/stylesheets/sass/base/minireset.sass
@@ -124,6 +125,7 @@ files:
124
125
  - app/assets/stylesheets/sass/utilities/animations.sass
125
126
  - app/assets/stylesheets/sass/utilities/controls.sass
126
127
  - app/assets/stylesheets/sass/utilities/derived-variables.sass
128
+ - app/assets/stylesheets/sass/utilities/extends.sass
127
129
  - app/assets/stylesheets/sass/utilities/functions.sass
128
130
  - app/assets/stylesheets/sass/utilities/initial-variables.sass
129
131
  - app/assets/stylesheets/sass/utilities/mixins.sass