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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/bulma.sass +1 -1
- data/app/assets/stylesheets/sass/base/_all.sass +3 -2
- data/app/assets/stylesheets/sass/base/animations.sass +5 -0
- data/app/assets/stylesheets/sass/base/generic.sass +2 -0
- data/app/assets/stylesheets/sass/components/_all.sass +12 -12
- data/app/assets/stylesheets/sass/components/breadcrumb.sass +2 -0
- data/app/assets/stylesheets/sass/components/card.sass +21 -2
- data/app/assets/stylesheets/sass/components/dropdown.sass +2 -0
- data/app/assets/stylesheets/sass/components/level.sass +2 -0
- data/app/assets/stylesheets/sass/components/media.sass +16 -9
- data/app/assets/stylesheets/sass/components/menu.sass +2 -0
- data/app/assets/stylesheets/sass/components/message.sass +2 -0
- data/app/assets/stylesheets/sass/components/modal.sass +2 -0
- data/app/assets/stylesheets/sass/components/navbar.sass +2 -0
- data/app/assets/stylesheets/sass/components/pagination.sass +11 -3
- data/app/assets/stylesheets/sass/components/panel.sass +2 -0
- data/app/assets/stylesheets/sass/components/tabs.sass +2 -0
- data/app/assets/stylesheets/sass/elements/_all.sass +12 -12
- data/app/assets/stylesheets/sass/elements/box.sass +2 -0
- data/app/assets/stylesheets/sass/elements/button.sass +21 -1
- data/app/assets/stylesheets/sass/elements/container.sass +2 -0
- data/app/assets/stylesheets/sass/elements/content.sass +2 -0
- data/app/assets/stylesheets/sass/elements/icon.sass +19 -0
- data/app/assets/stylesheets/sass/elements/image.sass +2 -0
- data/app/assets/stylesheets/sass/elements/notification.sass +2 -0
- data/app/assets/stylesheets/sass/elements/other.sass +2 -0
- data/app/assets/stylesheets/sass/elements/progress.sass +2 -0
- data/app/assets/stylesheets/sass/elements/table.sass +2 -0
- data/app/assets/stylesheets/sass/elements/tag.sass +2 -0
- data/app/assets/stylesheets/sass/elements/title.sass +2 -0
- data/app/assets/stylesheets/sass/form/_all.sass +6 -6
- data/app/assets/stylesheets/sass/form/shared.sass +3 -0
- data/app/assets/stylesheets/sass/grid/_all.sass +2 -2
- data/app/assets/stylesheets/sass/grid/columns.sass +86 -77
- data/app/assets/stylesheets/sass/grid/tiles.sass +2 -0
- data/app/assets/stylesheets/sass/helpers/_all.sass +9 -9
- data/app/assets/stylesheets/sass/helpers/color.sass +2 -0
- data/app/assets/stylesheets/sass/helpers/float.sass +2 -0
- data/app/assets/stylesheets/sass/helpers/other.sass +3 -0
- data/app/assets/stylesheets/sass/helpers/position.sass +2 -0
- data/app/assets/stylesheets/sass/helpers/typography.sass +2 -0
- data/app/assets/stylesheets/sass/helpers/visibility.sass +1 -1
- data/app/assets/stylesheets/sass/layout/_all.sass +3 -3
- data/app/assets/stylesheets/sass/layout/footer.sass +2 -0
- data/app/assets/stylesheets/sass/layout/hero.sass +2 -0
- data/app/assets/stylesheets/sass/layout/section.sass +2 -0
- data/app/assets/stylesheets/sass/utilities/_all.sass +6 -6
- data/app/assets/stylesheets/sass/utilities/animations.sass +1 -5
- data/app/assets/stylesheets/sass/utilities/controls.sass +2 -3
- data/app/assets/stylesheets/sass/utilities/derived-variables.sass +3 -0
- data/app/assets/stylesheets/sass/utilities/extends.sass +22 -0
- data/app/assets/stylesheets/sass/utilities/mixins.sass +2 -19
- data/lib/bulma/sass/version.rb +1 -1
- metadata +4 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b751e72ff1282d450a5a3237cad1fea99f2578f42dced55561b5f029e842bd93
|
4
|
+
data.tar.gz: 87eef5ec2bfd46be1eb41eddf8d49a32934cb1f7fa83415be3ad9454836d16c7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: dd35c64ab216380b8375e7bb424f2df8a1652cb11de4ccd5132323d4a414eb065ac1d708e990b4fc544b89c980875174c1ecfea95b4a2aba953a0a138fabffef
|
7
|
+
data.tar.gz: 51b4eb61d774d199fa6c46af32174994aad9f96bd7b853a13006ecc21d6039ee3eef4d12d5d380737473a845d0b5541c62e8d3a220a3209a83c23398e89db47d
|
@@ -1,15 +1,15 @@
|
|
1
1
|
/* Bulma Components */
|
2
2
|
@charset "utf-8"
|
3
3
|
|
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
|
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,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,26 +1,33 @@
|
|
1
|
+
@import "../utilities/mixins"
|
2
|
+
|
1
3
|
$media-border-color: bulmaRgba($border, 0.5) !default
|
2
|
-
$media-
|
3
|
-
$media-spacing
|
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:
|
17
|
+
margin-bottom: $media-content-spacing
|
11
18
|
.media
|
12
|
-
border-top:
|
19
|
+
border-top: $media-border-size solid $media-border-color
|
13
20
|
display: flex
|
14
|
-
padding-top:
|
21
|
+
padding-top: $media-level-1-spacing
|
15
22
|
.content:not(:last-child),
|
16
23
|
.control:not(:last-child)
|
17
|
-
margin-bottom:
|
24
|
+
margin-bottom: $media-level-1-content-spacing
|
18
25
|
.media
|
19
|
-
padding-top:
|
26
|
+
padding-top: $media-level-2-spacing
|
20
27
|
& + .media
|
21
|
-
margin-top:
|
28
|
+
margin-top: $media-level-2-spacing
|
22
29
|
& + .media
|
23
|
-
border-top:
|
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,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:
|
95
|
-
padding-right:
|
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,16 +1,16 @@
|
|
1
1
|
/* Bulma Elements */
|
2
2
|
@charset "utf-8"
|
3
3
|
|
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
|
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
|
16
|
+
@import "other"
|
@@ -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
|
-
|
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)
|
@@ -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,9 +1,9 @@
|
|
1
1
|
/* Bulma Form */
|
2
2
|
@charset "utf-8"
|
3
3
|
|
4
|
-
@import "shared
|
5
|
-
@import "input-textarea
|
6
|
-
@import "checkbox-radio
|
7
|
-
@import "select
|
8
|
-
@import "file
|
9
|
-
@import "tools
|
4
|
+
@import "shared"
|
5
|
+
@import "input-textarea"
|
6
|
+
@import "checkbox-radio"
|
7
|
+
@import "select"
|
8
|
+
@import "file"
|
9
|
+
@import "tools"
|
@@ -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
|
45
|
+
+ltr-property("margin", 75%, false)
|
43
46
|
.columns.is-mobile > &.is-offset-two-thirds
|
44
|
-
margin
|
47
|
+
+ltr-property("margin", 66.6666%, false)
|
45
48
|
.columns.is-mobile > &.is-offset-half
|
46
|
-
margin
|
49
|
+
+ltr-property("margin", 50%, false)
|
47
50
|
.columns.is-mobile > &.is-offset-one-third
|
48
|
-
margin
|
51
|
+
+ltr-property("margin", 33.3333%, false)
|
49
52
|
.columns.is-mobile > &.is-offset-one-quarter
|
50
|
-
margin
|
53
|
+
+ltr-property("margin", 25%, false)
|
51
54
|
.columns.is-mobile > &.is-offset-one-fifth
|
52
|
-
margin
|
55
|
+
+ltr-property("margin", 20%, false)
|
53
56
|
.columns.is-mobile > &.is-offset-two-fifths
|
54
|
-
margin
|
57
|
+
+ltr-property("margin", 40%, false)
|
55
58
|
.columns.is-mobile > &.is-offset-three-fifths
|
56
|
-
margin
|
59
|
+
+ltr-property("margin", 60%, false)
|
57
60
|
.columns.is-mobile > &.is-offset-four-fifths
|
58
|
-
margin
|
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
|
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
|
103
|
+
+ltr-property("margin", 75%, false)
|
100
104
|
&.is-offset-two-thirds-mobile
|
101
|
-
margin
|
105
|
+
+ltr-property("margin", 66.6666%, false)
|
102
106
|
&.is-offset-half-mobile
|
103
|
-
margin
|
107
|
+
+ltr-property("margin", 50%, false)
|
104
108
|
&.is-offset-one-third-mobile
|
105
|
-
margin
|
109
|
+
+ltr-property("margin", 33.3333%, false)
|
106
110
|
&.is-offset-one-quarter-mobile
|
107
|
-
margin
|
111
|
+
+ltr-property("margin", 25%, false)
|
108
112
|
&.is-offset-one-fifth-mobile
|
109
|
-
margin
|
113
|
+
+ltr-property("margin", 20%, false)
|
110
114
|
&.is-offset-two-fifths-mobile
|
111
|
-
margin
|
115
|
+
+ltr-property("margin", 40%, false)
|
112
116
|
&.is-offset-three-fifths-mobile
|
113
|
-
margin
|
117
|
+
+ltr-property("margin", 60%, false)
|
114
118
|
&.is-offset-four-fifths-mobile
|
115
|
-
margin
|
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
|
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
|
173
|
+
+ltr-property("margin", 75%, false)
|
169
174
|
&.is-offset-two-thirds,
|
170
175
|
&.is-offset-two-thirds-tablet
|
171
|
-
margin
|
176
|
+
+ltr-property("margin", 66.6666%, false)
|
172
177
|
&.is-offset-half,
|
173
178
|
&.is-offset-half-tablet
|
174
|
-
margin
|
179
|
+
+ltr-property("margin", 50%, false)
|
175
180
|
&.is-offset-one-third,
|
176
181
|
&.is-offset-one-third-tablet
|
177
|
-
margin
|
182
|
+
+ltr-property("margin", 33.3333%, false)
|
178
183
|
&.is-offset-one-quarter,
|
179
184
|
&.is-offset-one-quarter-tablet
|
180
|
-
margin
|
185
|
+
+ltr-property("margin", 25%, false)
|
181
186
|
&.is-offset-one-fifth,
|
182
187
|
&.is-offset-one-fifth-tablet
|
183
|
-
margin
|
188
|
+
+ltr-property("margin", 20%, false)
|
184
189
|
&.is-offset-two-fifths,
|
185
190
|
&.is-offset-two-fifths-tablet
|
186
|
-
margin
|
191
|
+
+ltr-property("margin", 40%, false)
|
187
192
|
&.is-offset-three-fifths,
|
188
193
|
&.is-offset-three-fifths-tablet
|
189
|
-
margin
|
194
|
+
+ltr-property("margin", 60%, false)
|
190
195
|
&.is-offset-four-fifths,
|
191
196
|
&.is-offset-four-fifths-tablet
|
192
|
-
margin
|
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
|
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
|
241
|
+
+ltr-property("margin", 75%, false)
|
236
242
|
&.is-offset-two-thirds-touch
|
237
|
-
margin
|
243
|
+
+ltr-property("margin", 66.6666%, false)
|
238
244
|
&.is-offset-half-touch
|
239
|
-
margin
|
245
|
+
+ltr-property("margin", 50%, false)
|
240
246
|
&.is-offset-one-third-touch
|
241
|
-
margin
|
247
|
+
+ltr-property("margin", 33.3333%, false)
|
242
248
|
&.is-offset-one-quarter-touch
|
243
|
-
margin
|
249
|
+
+ltr-property("margin", 25%, false)
|
244
250
|
&.is-offset-one-fifth-touch
|
245
|
-
margin
|
251
|
+
+ltr-property("margin", 20%, false)
|
246
252
|
&.is-offset-two-fifths-touch
|
247
|
-
margin
|
253
|
+
+ltr-property("margin", 40%, false)
|
248
254
|
&.is-offset-three-fifths-touch
|
249
|
-
margin
|
255
|
+
+ltr-property("margin", 60%, false)
|
250
256
|
&.is-offset-four-fifths-touch
|
251
|
-
margin
|
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
|
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
|
299
|
+
+ltr-property("margin", 75%, false)
|
293
300
|
&.is-offset-two-thirds-desktop
|
294
|
-
margin
|
301
|
+
+ltr-property("margin", 66.6666%, false)
|
295
302
|
&.is-offset-half-desktop
|
296
|
-
margin
|
303
|
+
+ltr-property("margin", 50%, false)
|
297
304
|
&.is-offset-one-third-desktop
|
298
|
-
margin
|
305
|
+
+ltr-property("margin", 33.3333%, false)
|
299
306
|
&.is-offset-one-quarter-desktop
|
300
|
-
margin
|
307
|
+
+ltr-property("margin", 25%, false)
|
301
308
|
&.is-offset-one-fifth-desktop
|
302
|
-
margin
|
309
|
+
+ltr-property("margin", 20%, false)
|
303
310
|
&.is-offset-two-fifths-desktop
|
304
|
-
margin
|
311
|
+
+ltr-property("margin", 40%, false)
|
305
312
|
&.is-offset-three-fifths-desktop
|
306
|
-
margin
|
313
|
+
+ltr-property("margin", 60%, false)
|
307
314
|
&.is-offset-four-fifths-desktop
|
308
|
-
margin
|
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
|
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
|
357
|
+
+ltr-property("margin", 75%, false)
|
350
358
|
&.is-offset-two-thirds-widescreen
|
351
|
-
margin
|
359
|
+
+ltr-property("margin", 66.6666%, false)
|
352
360
|
&.is-offset-half-widescreen
|
353
|
-
margin
|
361
|
+
+ltr-property("margin", 50%, false)
|
354
362
|
&.is-offset-one-third-widescreen
|
355
|
-
margin
|
363
|
+
+ltr-property("margin", 33.3333%, false)
|
356
364
|
&.is-offset-one-quarter-widescreen
|
357
|
-
margin
|
365
|
+
+ltr-property("margin", 25%, false)
|
358
366
|
&.is-offset-one-fifth-widescreen
|
359
|
-
margin
|
367
|
+
+ltr-property("margin", 20%, false)
|
360
368
|
&.is-offset-two-fifths-widescreen
|
361
|
-
margin
|
369
|
+
+ltr-property("margin", 40%, false)
|
362
370
|
&.is-offset-three-fifths-widescreen
|
363
|
-
margin
|
371
|
+
+ltr-property("margin", 60%, false)
|
364
372
|
&.is-offset-four-fifths-widescreen
|
365
|
-
margin
|
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
|
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
|
415
|
+
+ltr-property("margin", 75%, false)
|
407
416
|
&.is-offset-two-thirds-fullhd
|
408
|
-
margin
|
417
|
+
+ltr-property("margin", 66.6666%, false)
|
409
418
|
&.is-offset-half-fullhd
|
410
|
-
margin
|
419
|
+
+ltr-property("margin", 50%, false)
|
411
420
|
&.is-offset-one-third-fullhd
|
412
|
-
margin
|
421
|
+
+ltr-property("margin", 33.3333%, false)
|
413
422
|
&.is-offset-one-quarter-fullhd
|
414
|
-
margin
|
423
|
+
+ltr-property("margin", 25%, false)
|
415
424
|
&.is-offset-one-fifth-fullhd
|
416
|
-
margin
|
425
|
+
+ltr-property("margin", 20%, false)
|
417
426
|
&.is-offset-two-fifths-fullhd
|
418
|
-
margin
|
427
|
+
+ltr-property("margin", 40%, false)
|
419
428
|
&.is-offset-three-fifths-fullhd
|
420
|
-
margin
|
429
|
+
+ltr-property("margin", 60%, false)
|
421
430
|
&.is-offset-four-fifths-fullhd
|
422
|
-
margin
|
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
|
437
|
+
+ltr-property("margin", percentage($i / 12), false)
|
429
438
|
|
430
439
|
.columns
|
431
|
-
margin
|
432
|
-
margin
|
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
|
443
|
-
margin
|
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
|
471
|
-
margin
|
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,12 +1,12 @@
|
|
1
1
|
/* Bulma Helpers */
|
2
2
|
@charset "utf-8"
|
3
3
|
|
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
|
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,9 +1,9 @@
|
|
1
1
|
/* Bulma Utilities */
|
2
2
|
@charset "utf-8"
|
3
3
|
|
4
|
-
@import "initial-variables
|
5
|
-
@import "functions
|
6
|
-
@import "derived-variables
|
7
|
-
@import "
|
8
|
-
@import "
|
9
|
-
@import "
|
4
|
+
@import "initial-variables"
|
5
|
+
@import "functions"
|
6
|
+
@import "derived-variables"
|
7
|
+
@import "mixins"
|
8
|
+
@import "controls"
|
9
|
+
@import "extends"
|
@@ -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,4 +1,4 @@
|
|
1
|
-
@import "
|
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
|
-
|
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
|
data/lib/bulma/sass/version.rb
CHANGED
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.
|
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:
|
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
|