bulma-clean-theme 0.8 → 0.10
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/README.md +40 -0
- data/_includes/callouts.html +1 -1
- data/_includes/footer.html +1 -1
- data/_includes/gallery.html +25 -0
- data/_includes/head.html +2 -1
- data/_includes/header.html +3 -3
- data/_includes/hero.html +1 -1
- data/_includes/image-modal.html +18 -0
- data/_includes/menubar.html +2 -2
- data/_includes/showcase.html +1 -1
- data/_includes/tabs.html +1 -1
- data/_includes/youtube.html +8 -0
- data/_layouts/default.html +1 -0
- data/_layouts/product-category.html +1 -1
- data/_sass/_layout.scss +6 -0
- data/_sass/_main.scss +2 -0
- data/node_modules/bulma-block-list/docs/Gemfile +3 -0
- data/node_modules/bulma-block-list/docs/_config.yml +15 -0
- data/node_modules/bulma-block-list/docs/_data/menu.yaml +20 -0
- data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +92 -0
- data/node_modules/bulma-block-list/docs/_sass/_main.scss +20 -0
- data/node_modules/bulma-block-list/docs/assets/css/app.scss +7 -0
- data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
- data/node_modules/bulma-block-list/docs/index.html +249 -261
- data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -0
- data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -0
- data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -0
- data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -0
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10855 -0
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +1 -0
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +1 -0
- data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -0
- data/node_modules/{bulma → bulma-block-list/node_modules/bulma}/sass/components/list.sass +0 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +106 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -0
- data/node_modules/bulma-block-list/package.json +10 -10
- data/node_modules/bulma-block-list/src/block-list.scss +24 -1
- data/node_modules/bulma/CHANGELOG.md +95 -0
- data/node_modules/bulma/README.md +3 -2
- data/node_modules/bulma/bulma.sass +2 -1
- data/node_modules/bulma/css/bulma-rtl.css +11624 -0
- data/node_modules/bulma/css/bulma-rtl.css.map +1 -0
- data/node_modules/bulma/css/bulma-rtl.min.css +1 -0
- data/node_modules/bulma/css/bulma.css +7233 -6464
- data/node_modules/bulma/css/bulma.css.map +1 -1
- data/node_modules/bulma/css/bulma.min.css +1 -1
- data/node_modules/bulma/package.json +21 -18
- data/node_modules/bulma/sass/base/_all.sass +1 -1
- data/node_modules/bulma/sass/base/generic.sass +2 -1
- data/node_modules/bulma/sass/base/helpers.sass +1 -281
- data/node_modules/bulma/sass/base/minireset.sass +1 -1
- data/node_modules/bulma/sass/components/_all.sass +1 -1
- data/node_modules/bulma/sass/components/breadcrumb.sass +3 -3
- data/node_modules/bulma/sass/components/card.sass +5 -1
- data/node_modules/bulma/sass/components/dropdown.sass +3 -3
- data/node_modules/bulma/sass/components/level.sass +2 -2
- data/node_modules/bulma/sass/components/media.sass +10 -8
- data/node_modules/bulma/sass/components/menu.sass +2 -2
- data/node_modules/bulma/sass/components/message.sass +1 -1
- data/node_modules/bulma/sass/components/modal.sass +5 -3
- data/node_modules/bulma/sass/components/navbar.sass +12 -10
- data/node_modules/bulma/sass/components/panel.sass +2 -2
- data/node_modules/bulma/sass/components/tabs.sass +35 -12
- data/node_modules/bulma/sass/elements/_all.sass +1 -0
- data/node_modules/bulma/sass/elements/button.sass +10 -8
- data/node_modules/bulma/sass/elements/container.sass +10 -7
- data/node_modules/bulma/sass/elements/content.sass +5 -5
- data/node_modules/bulma/sass/elements/notification.sass +10 -3
- data/node_modules/bulma/sass/elements/progress.sass +5 -1
- data/node_modules/bulma/sass/elements/table.sass +6 -2
- data/node_modules/bulma/sass/elements/tag.sass +27 -17
- data/node_modules/bulma/sass/form/_all.sass +1 -0
- data/node_modules/bulma/sass/form/checkbox-radio.sass +3 -2
- data/node_modules/bulma/sass/form/file.sass +5 -3
- data/node_modules/bulma/sass/form/input-textarea.sass +3 -1
- data/node_modules/bulma/sass/form/select.sass +7 -5
- data/node_modules/bulma/sass/form/shared.sass +2 -0
- data/node_modules/bulma/sass/form/tools.sass +21 -11
- data/node_modules/bulma/sass/grid/_all.sass +1 -0
- data/node_modules/bulma/sass/helpers/_all.sass +12 -0
- data/node_modules/bulma/sass/helpers/color.sass +37 -0
- data/node_modules/bulma/sass/helpers/flexbox.sass +35 -0
- data/node_modules/bulma/sass/helpers/float.sass +8 -0
- data/node_modules/bulma/sass/helpers/other.sass +11 -0
- data/node_modules/bulma/sass/helpers/overflow.sass +2 -0
- data/node_modules/bulma/sass/helpers/position.sass +5 -0
- data/node_modules/bulma/sass/helpers/spacing.sass +31 -0
- data/node_modules/bulma/sass/helpers/typography.sass +98 -0
- data/node_modules/bulma/sass/helpers/visibility.sass +122 -0
- data/node_modules/bulma/sass/layout/_all.sass +1 -0
- data/node_modules/bulma/sass/layout/hero.sass +4 -2
- data/node_modules/bulma/sass/utilities/_all.sass +1 -0
- data/node_modules/bulma/sass/utilities/derived-variables.sass +2 -1
- data/node_modules/bulma/sass/utilities/functions.sass +5 -0
- data/node_modules/bulma/sass/utilities/initial-variables.sass +1 -0
- data/node_modules/bulma/sass/utilities/mixins.sass +24 -0
- data/package-lock.json +13 -6
- data/package.json +2 -2
- metadata +98 -31
- data/node_modules/bulma-block-list/docs/demo.css +0 -7241
@@ -38,7 +38,7 @@ $dropdown-divider-background-color: $border-light !default
|
|
38
38
|
|
39
39
|
.dropdown-menu
|
40
40
|
display: none
|
41
|
-
|
41
|
+
+ltr-position(0, false)
|
42
42
|
min-width: $dropdown-menu-min-width
|
43
43
|
padding-top: $dropdown-content-offset
|
44
44
|
position: absolute
|
@@ -62,8 +62,8 @@ $dropdown-divider-background-color: $border-light !default
|
|
62
62
|
|
63
63
|
a.dropdown-item,
|
64
64
|
button.dropdown-item
|
65
|
-
padding
|
66
|
-
text-align:
|
65
|
+
+ltr-property("padding", 3rem)
|
66
|
+
text-align: inherit
|
67
67
|
white-space: nowrap
|
68
68
|
width: 100%
|
69
69
|
&:hover
|
@@ -20,7 +20,7 @@ $level-item-spacing: ($block-spacing / 2) !default
|
|
20
20
|
.level-item
|
21
21
|
&:not(:last-child)
|
22
22
|
margin-bottom: 0
|
23
|
-
margin
|
23
|
+
+ltr-property("margin", $level-item-spacing)
|
24
24
|
&:not(.is-narrow)
|
25
25
|
flex-grow: 1
|
26
26
|
// Responsiveness
|
@@ -57,7 +57,7 @@ $level-item-spacing: ($block-spacing / 2) !default
|
|
57
57
|
// Responsiveness
|
58
58
|
+tablet
|
59
59
|
&:not(:last-child)
|
60
|
-
margin
|
60
|
+
+ltr-property("margin", $level-item-spacing)
|
61
61
|
|
62
62
|
.level-left
|
63
63
|
align-items: center
|
@@ -1,9 +1,11 @@
|
|
1
1
|
$media-border-color: bulmaRgba($border, 0.5) !default
|
2
|
+
$media-spacing: 1rem
|
3
|
+
$media-spacing-large: 1.5rem
|
2
4
|
|
3
5
|
.media
|
4
6
|
align-items: flex-start
|
5
7
|
display: flex
|
6
|
-
text-align:
|
8
|
+
text-align: inherit
|
7
9
|
.content:not(:last-child)
|
8
10
|
margin-bottom: 0.75rem
|
9
11
|
.media
|
@@ -19,13 +21,13 @@ $media-border-color: bulmaRgba($border, 0.5) !default
|
|
19
21
|
margin-top: 0.5rem
|
20
22
|
& + .media
|
21
23
|
border-top: 1px solid $media-border-color
|
22
|
-
margin-top:
|
23
|
-
padding-top:
|
24
|
+
margin-top: $media-spacing
|
25
|
+
padding-top: $media-spacing
|
24
26
|
// Sizes
|
25
27
|
&.is-large
|
26
28
|
& + .media
|
27
|
-
margin-top:
|
28
|
-
padding-top:
|
29
|
+
margin-top: $media-spacing-large
|
30
|
+
padding-top: $media-spacing-large
|
29
31
|
|
30
32
|
.media-left,
|
31
33
|
.media-right
|
@@ -34,16 +36,16 @@ $media-border-color: bulmaRgba($border, 0.5) !default
|
|
34
36
|
flex-shrink: 0
|
35
37
|
|
36
38
|
.media-left
|
37
|
-
margin-
|
39
|
+
+ltr-property("margin", $media-spacing)
|
38
40
|
|
39
41
|
.media-right
|
40
|
-
margin-
|
42
|
+
+ltr-property("margin", $media-spacing, false)
|
41
43
|
|
42
44
|
.media-content
|
43
45
|
flex-basis: auto
|
44
46
|
flex-grow: 1
|
45
47
|
flex-shrink: 1
|
46
|
-
text-align:
|
48
|
+
text-align: inherit
|
47
49
|
|
48
50
|
+mobile
|
49
51
|
.media-content
|
@@ -42,9 +42,9 @@ $menu-label-spacing: 1em !default
|
|
42
42
|
color: $menu-item-active-color
|
43
43
|
li
|
44
44
|
ul
|
45
|
-
border
|
45
|
+
+ltr-property("border", $menu-list-border-left, false)
|
46
46
|
margin: $menu-nested-list-margin
|
47
|
-
padding
|
47
|
+
+ltr-property("padding", $menu-nested-list-padding-left, false)
|
48
48
|
|
49
49
|
.menu-label
|
50
50
|
color: $menu-label-color
|
@@ -28,6 +28,8 @@ $modal-card-foot-border-top: 1px solid $border !default
|
|
28
28
|
$modal-card-body-background-color: $scheme-main !default
|
29
29
|
$modal-card-body-padding: 20px !default
|
30
30
|
|
31
|
+
$modal-breakpoint: $tablet !default
|
32
|
+
|
31
33
|
.modal
|
32
34
|
@extend %overlay
|
33
35
|
align-items: center
|
@@ -53,7 +55,7 @@ $modal-card-body-padding: 20px !default
|
|
53
55
|
position: relative
|
54
56
|
width: 100%
|
55
57
|
// Responsiveness
|
56
|
-
+
|
58
|
+
+from($modal-breakpoint)
|
57
59
|
margin: 0 auto
|
58
60
|
max-height: calc(100vh - #{$modal-content-spacing-tablet})
|
59
61
|
width: $modal-content-width
|
@@ -63,7 +65,7 @@ $modal-card-body-padding: 20px !default
|
|
63
65
|
background: none
|
64
66
|
height: $modal-close-dimensions
|
65
67
|
position: fixed
|
66
|
-
|
68
|
+
+ltr-position($modal-close-right)
|
67
69
|
top: $modal-close-top
|
68
70
|
width: $modal-close-dimensions
|
69
71
|
|
@@ -102,7 +104,7 @@ $modal-card-body-padding: 20px !default
|
|
102
104
|
border-top: $modal-card-foot-border-top
|
103
105
|
.button
|
104
106
|
&:not(:last-child)
|
105
|
-
margin
|
107
|
+
+ltr-property("margin", 0.5em)
|
106
108
|
|
107
109
|
.modal-card-body
|
108
110
|
+overflow-touch
|
@@ -46,6 +46,8 @@ $navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
|
|
46
46
|
|
47
47
|
$navbar-breakpoint: $desktop !default
|
48
48
|
|
49
|
+
$navbar-colors: $colors !default
|
50
|
+
|
49
51
|
=navbar-fixed
|
50
52
|
left: 0
|
51
53
|
position: fixed
|
@@ -57,7 +59,7 @@ $navbar-breakpoint: $desktop !default
|
|
57
59
|
min-height: $navbar-height
|
58
60
|
position: relative
|
59
61
|
z-index: $navbar-z
|
60
|
-
@each $name, $pair in $colors
|
62
|
+
@each $name, $pair in $navbar-colors
|
61
63
|
$color: nth($pair, 1)
|
62
64
|
$color-invert: nth($pair, 2)
|
63
65
|
&.is-#{$name}
|
@@ -151,7 +153,7 @@ body
|
|
151
153
|
.navbar-burger
|
152
154
|
color: $navbar-burger-color
|
153
155
|
+hamburger($navbar-height)
|
154
|
-
margin
|
156
|
+
+ltr-property("margin", auto, false)
|
155
157
|
|
156
158
|
.navbar-menu
|
157
159
|
display: none
|
@@ -209,12 +211,12 @@ a.navbar-item,
|
|
209
211
|
flex-shrink: 1
|
210
212
|
|
211
213
|
.navbar-link:not(.is-arrowless)
|
212
|
-
padding
|
214
|
+
+ltr-property("padding", 2.5em)
|
213
215
|
&::after
|
214
216
|
@extend %arrow
|
215
217
|
border-color: $navbar-dropdown-arrow
|
216
218
|
margin-top: -0.375em
|
217
|
-
|
219
|
+
+ltr-position(1.125em)
|
218
220
|
|
219
221
|
.navbar-dropdown
|
220
222
|
font-size: 0.875rem
|
@@ -347,10 +349,10 @@ a.navbar-item,
|
|
347
349
|
flex-shrink: 0
|
348
350
|
.navbar-start
|
349
351
|
justify-content: flex-start
|
350
|
-
margin
|
352
|
+
+ltr-property("margin", auto)
|
351
353
|
.navbar-end
|
352
354
|
justify-content: flex-end
|
353
|
-
margin
|
355
|
+
+ltr-property("margin", auto, false)
|
354
356
|
.navbar-dropdown
|
355
357
|
background-color: $navbar-dropdown-background-color
|
356
358
|
border-bottom-left-radius: $navbar-dropdown-radius
|
@@ -359,7 +361,7 @@ a.navbar-item,
|
|
359
361
|
box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
|
360
362
|
display: none
|
361
363
|
font-size: 0.875rem
|
362
|
-
|
364
|
+
+ltr-position(0, false)
|
363
365
|
min-width: 100%
|
364
366
|
position: absolute
|
365
367
|
top: 100%
|
@@ -368,7 +370,7 @@ a.navbar-item,
|
|
368
370
|
padding: 0.375rem 1rem
|
369
371
|
white-space: nowrap
|
370
372
|
a.navbar-item
|
371
|
-
padding
|
373
|
+
+ltr-property("padding", 3rem)
|
372
374
|
&:focus,
|
373
375
|
&:hover
|
374
376
|
background-color: $navbar-dropdown-item-hover-background-color
|
@@ -396,9 +398,9 @@ a.navbar-item,
|
|
396
398
|
.navbar > .container,
|
397
399
|
.container > .navbar
|
398
400
|
.navbar-brand
|
399
|
-
margin
|
401
|
+
+ltr-property("margin", -.75rem, false)
|
400
402
|
.navbar-menu
|
401
|
-
margin
|
403
|
+
+ltr-property("margin", -.75rem)
|
402
404
|
// Fixed navbar
|
403
405
|
.navbar
|
404
406
|
&.is-fixed-bottom-desktop,
|
@@ -88,7 +88,7 @@ $panel-colors: $colors !default
|
|
88
88
|
justify-content: flex-start
|
89
89
|
padding: 0.5em 0.75em
|
90
90
|
input[type="checkbox"]
|
91
|
-
margin
|
91
|
+
+ltr-property("margin", 0.75em)
|
92
92
|
& > .control
|
93
93
|
flex-grow: 1
|
94
94
|
flex-shrink: 1
|
@@ -113,7 +113,7 @@ label.panel-block
|
|
113
113
|
.panel-icon
|
114
114
|
+fa(14px, 1em)
|
115
115
|
color: $panel-icon-color
|
116
|
-
margin
|
116
|
+
+ltr-property("margin", 0.75em)
|
117
117
|
.fa
|
118
118
|
font-size: inherit
|
119
119
|
line-height: inherit
|
@@ -78,9 +78,9 @@ $tabs-toggle-link-active-color: $link-invert !default
|
|
78
78
|
padding-left: 0.75em
|
79
79
|
.icon
|
80
80
|
&:first-child
|
81
|
-
margin
|
81
|
+
+ltr-property("margin", 0.5em)
|
82
82
|
&:last-child
|
83
|
-
margin
|
83
|
+
+ltr-property("margin", 0.5em, false)
|
84
84
|
// Alignment
|
85
85
|
&.is-centered
|
86
86
|
ul
|
@@ -92,7 +92,10 @@ $tabs-toggle-link-active-color: $link-invert !default
|
|
92
92
|
&.is-boxed
|
93
93
|
a
|
94
94
|
border: 1px solid transparent
|
95
|
-
|
95
|
+
+ltr
|
96
|
+
border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
|
97
|
+
+rtl
|
98
|
+
border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
|
96
99
|
&:hover
|
97
100
|
background-color: $tabs-boxed-link-hover-background-color
|
98
101
|
border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
|
@@ -119,11 +122,21 @@ $tabs-toggle-link-active-color: $link-invert !default
|
|
119
122
|
z-index: 2
|
120
123
|
li
|
121
124
|
& + li
|
122
|
-
margin
|
125
|
+
+ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
|
123
126
|
&:first-child a
|
124
|
-
|
127
|
+
+ltr
|
128
|
+
border-top-left-radius: $tabs-toggle-link-radius
|
129
|
+
border-bottom-left-radius: $tabs-toggle-link-radius
|
130
|
+
+rtl
|
131
|
+
border-top-right-radius: $tabs-toggle-link-radius
|
132
|
+
border-bottom-right-radius: $tabs-toggle-link-radius
|
125
133
|
&:last-child a
|
126
|
-
|
134
|
+
+ltr
|
135
|
+
border-top-right-radius: $tabs-toggle-link-radius
|
136
|
+
border-bottom-right-radius: $tabs-toggle-link-radius
|
137
|
+
+rtl
|
138
|
+
border-top-left-radius: $tabs-toggle-link-radius
|
139
|
+
border-bottom-left-radius: $tabs-toggle-link-radius
|
127
140
|
&.is-active
|
128
141
|
a
|
129
142
|
background-color: $tabs-toggle-link-active-background-color
|
@@ -135,13 +148,23 @@ $tabs-toggle-link-active-color: $link-invert !default
|
|
135
148
|
&.is-toggle-rounded
|
136
149
|
li
|
137
150
|
&:first-child a
|
138
|
-
|
139
|
-
|
140
|
-
|
151
|
+
+ltr
|
152
|
+
border-bottom-left-radius: $radius-rounded
|
153
|
+
border-top-left-radius: $radius-rounded
|
154
|
+
padding-left: 1.25em
|
155
|
+
+rtl
|
156
|
+
border-bottom-right-radius: $radius-rounded
|
157
|
+
border-top-right-radius: $radius-rounded
|
158
|
+
padding-right: 1.25em
|
141
159
|
&:last-child a
|
142
|
-
|
143
|
-
|
144
|
-
|
160
|
+
+ltr
|
161
|
+
border-bottom-right-radius: $radius-rounded
|
162
|
+
border-top-right-radius: $radius-rounded
|
163
|
+
padding-right: 1.25em
|
164
|
+
+rtl
|
165
|
+
border-bottom-left-radius: $radius-rounded
|
166
|
+
border-top-left-radius: $radius-rounded
|
167
|
+
padding-left: 1.25em
|
145
168
|
// Sizes
|
146
169
|
&.is-small
|
147
170
|
font-size: $size-small
|
@@ -33,6 +33,8 @@ $button-static-color: $text-light !default
|
|
33
33
|
$button-static-background-color: $scheme-main-ter !default
|
34
34
|
$button-static-border-color: $border !default
|
35
35
|
|
36
|
+
$button-colors: $colors !default
|
37
|
+
|
36
38
|
// The button sizes use mixins so they can be used at different breakpoints
|
37
39
|
=button-small
|
38
40
|
border-radius: $radius-small
|
@@ -71,11 +73,11 @@ $button-static-border-color: $border !default
|
|
71
73
|
height: 1.5em
|
72
74
|
width: 1.5em
|
73
75
|
&:first-child:not(:last-child)
|
74
|
-
margin
|
75
|
-
margin
|
76
|
+
+ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}), false)
|
77
|
+
+ltr-property("margin", $button-padding-horizontal / 4)
|
76
78
|
&:last-child:not(:first-child)
|
77
|
-
margin
|
78
|
-
margin
|
79
|
+
+ltr-property("margin", $button-padding-horizontal / 4, false)
|
80
|
+
+ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}))
|
79
81
|
&:first-child:last-child
|
80
82
|
margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
|
81
83
|
margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
|
@@ -115,7 +117,7 @@ $button-static-border-color: $border !default
|
|
115
117
|
background-color: transparent
|
116
118
|
border-color: transparent
|
117
119
|
box-shadow: none
|
118
|
-
@each $name, $pair in $colors
|
120
|
+
@each $name, $pair in $button-colors
|
119
121
|
$color: nth($pair, 1)
|
120
122
|
$color-invert: nth($pair, 2)
|
121
123
|
&.is-#{$name}
|
@@ -269,7 +271,7 @@ $button-static-border-color: $border !default
|
|
269
271
|
.button
|
270
272
|
margin-bottom: 0.5rem
|
271
273
|
&:not(:last-child):not(.is-fullwidth)
|
272
|
-
margin
|
274
|
+
+ltr-property("margin", 0.5rem)
|
273
275
|
&:last-child
|
274
276
|
margin-bottom: -0.5rem
|
275
277
|
&:not(:last-child)
|
@@ -292,9 +294,9 @@ $button-static-border-color: $border !default
|
|
292
294
|
&:not(:last-child)
|
293
295
|
border-bottom-right-radius: 0
|
294
296
|
border-top-right-radius: 0
|
295
|
-
margin
|
297
|
+
+ltr-property("margin", -1px)
|
296
298
|
&:last-child
|
297
|
-
margin
|
299
|
+
+ltr-property("margin", 0)
|
298
300
|
&:hover,
|
299
301
|
&.is-hovered
|
300
302
|
z-index: 2
|
@@ -1,4 +1,5 @@
|
|
1
1
|
$container-offset: (2 * $gap) !default
|
2
|
+
$container-max-width: $fullhd !default
|
2
3
|
|
3
4
|
.container
|
4
5
|
flex-grow: 1
|
@@ -6,19 +7,21 @@ $container-offset: (2 * $gap) !default
|
|
6
7
|
position: relative
|
7
8
|
width: auto
|
8
9
|
&.is-fluid
|
9
|
-
max-width: none
|
10
|
+
max-width: none !important
|
10
11
|
padding-left: $gap
|
11
12
|
padding-right: $gap
|
12
13
|
width: 100%
|
13
14
|
+desktop
|
14
15
|
max-width: $desktop - $container-offset
|
15
16
|
+until-widescreen
|
16
|
-
&.is-widescreen
|
17
|
-
max-width: $widescreen - $container-offset
|
17
|
+
&.is-widescreen:not(.is-max-desktop)
|
18
|
+
max-width: min($widescreen, $container-max-width) - $container-offset
|
18
19
|
+until-fullhd
|
19
|
-
&.is-fullhd
|
20
|
-
max-width: $fullhd - $container-offset
|
20
|
+
&.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
|
21
|
+
max-width: min($fullhd, $container-max-width) - $container-offset
|
21
22
|
+widescreen
|
22
|
-
max-
|
23
|
+
&:not(.is-max-desktop)
|
24
|
+
max-width: min($widescreen, $container-max-width) - $container-offset
|
23
25
|
+fullhd
|
24
|
-
max-
|
26
|
+
&:not(.is-max-desktop):not(.is-max-widescreen)
|
27
|
+
max-width: min($fullhd, $container-max-width) - $container-offset
|
@@ -67,11 +67,11 @@ $content-table-foot-cell-color: $text-strong !default
|
|
67
67
|
margin-bottom: 1em
|
68
68
|
blockquote
|
69
69
|
background-color: $content-blockquote-background-color
|
70
|
-
border
|
70
|
+
+ltr-property("border", $content-blockquote-border-left, false)
|
71
71
|
padding: $content-blockquote-padding
|
72
72
|
ol
|
73
73
|
list-style-position: outside
|
74
|
-
margin
|
74
|
+
+ltr-property("margin", 2em, false)
|
75
75
|
margin-top: 1em
|
76
76
|
&:not([type])
|
77
77
|
list-style-type: decimal
|
@@ -85,7 +85,7 @@ $content-table-foot-cell-color: $text-strong !default
|
|
85
85
|
list-style-type: upper-roman
|
86
86
|
ul
|
87
87
|
list-style: disc outside
|
88
|
-
margin
|
88
|
+
+ltr-property("margin", 2em, false)
|
89
89
|
margin-top: 1em
|
90
90
|
ul
|
91
91
|
list-style-type: circle
|
@@ -93,7 +93,7 @@ $content-table-foot-cell-color: $text-strong !default
|
|
93
93
|
ul
|
94
94
|
list-style-type: square
|
95
95
|
dd
|
96
|
-
margin
|
96
|
+
+ltr-property("margin", 2em, false)
|
97
97
|
figure
|
98
98
|
margin-left: 2em
|
99
99
|
margin-right: 2em
|
@@ -126,7 +126,7 @@ $content-table-foot-cell-color: $text-strong !default
|
|
126
126
|
th
|
127
127
|
color: $content-table-cell-heading-color
|
128
128
|
&:not([align])
|
129
|
-
text-align:
|
129
|
+
text-align: inherit
|
130
130
|
thead
|
131
131
|
td,
|
132
132
|
th
|