Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 03:44:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' into new-helpers

Browse Source
This commit is contained in:
Jeremy Thomas
2020-06-07 12:10:36 +01:00
parent bf38dcd13e 5198384d02
commit 4125514819
39 changed files with 11551 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
sass/components/breadcrumb.sass
View File

@@ -24,7 +24,7 @@ $breadcrumb-item-separator-color: $border-hover !default
align-items: center
display: flex
&:first-child a
padding-left: 0
+ltr-property("padding", 0, false)
&.is-active
a
color: $breadcrumb-item-active-color
@@ -41,9 +41,9 @@ $breadcrumb-item-separator-color: $border-hover !default
justify-content: flex-start
.icon
&:first-child
margin-right: 0.5em
+ltr-property("margin", 0.5em)
&:last-child
margin-left: 0.5em
+ltr-property("margin", 0.5em, false)
// Alignment
&.is-centered
ol,

2
sass/components/card.sass
View File

@@ -70,7 +70,7 @@ $card-media-margin: $block-spacing !default
justify-content: center
padding: $card-footer-padding
&:not(:last-child)
border-right: $card-footer-border-top
+ltr-property("border", $card-footer-border-top)
// Combinations

6
sass/components/dropdown.sass
View File

@@ -38,7 +38,7 @@ $dropdown-divider-background-color: $border-light !default
.dropdown-menu
display: none
left: 0
+ltr-position(0, false)
min-width: $dropdown-menu-min-width
padding-top: $dropdown-content-offset
position: absolute
@@ -62,8 +62,8 @@ $dropdown-divider-background-color: $border-light !default
a.dropdown-item,
button.dropdown-item
padding-right: 3rem
text-align: left
+ltr-property("padding", 3rem)
text-align: inherit
white-space: nowrap
width: 100%
&:hover

4
sass/components/level.sass
View File

@@ -20,7 +20,7 @@ $level-item-spacing: ($block-spacing / 2) !default
.level-item
&:not(:last-child)
margin-bottom: 0
margin-right: $level-item-spacing
+ltr-property("margin", $level-item-spacing)
&:not(.is-narrow)
flex-grow: 1
// Responsiveness
@@ -57,7 +57,7 @@ $level-item-spacing: ($block-spacing / 2) !default
// Responsiveness
+tablet
&:not(:last-child)
margin-right: $level-item-spacing
+ltr-property("margin", $level-item-spacing)
.level-left
align-items: center

18
sass/components/media.sass
View File

@@ -1,9 +1,11 @@
$media-border-color: bulmaRgba($border, 0.5) !default
$media-spacing: 1rem
$media-spacing-large: 1.5rem
.media
align-items: flex-start
display: flex
text-align: left
text-align: inherit
.content:not(:last-child)
margin-bottom: 0.75rem
.media
@@ -19,13 +21,13 @@ $media-border-color: bulmaRgba($border, 0.5) !default
margin-top: 0.5rem
& + .media
border-top: 1px solid $media-border-color
margin-top: 1rem
padding-top: 1rem
margin-top: $media-spacing
padding-top: $media-spacing
// Sizes
&.is-large
& + .media
margin-top: 1.5rem
padding-top: 1.5rem
margin-top: $media-spacing-large
padding-top: $media-spacing-large
.media-left,
.media-right
@@ -34,16 +36,16 @@ $media-border-color: bulmaRgba($border, 0.5) !default
flex-shrink: 0
.media-left
margin-right: 1rem
+ltr-property("margin", $media-spacing)
.media-right
margin-left: 1rem
+ltr-property("margin", $media-spacing, false)
.media-content
flex-basis: auto
flex-grow: 1
flex-shrink: 1
text-align: left
text-align: inherit
+mobile
.media-content

4
sass/components/menu.sass
View File

@@ -42,9 +42,9 @@ $menu-label-spacing: 1em !default
color: $menu-item-active-color
li
ul
border-left: $menu-list-border-left
+ltr-property("border", $menu-list-border-left, false)
margin: $menu-nested-list-margin
padding-left: $menu-nested-list-padding-left
+ltr-property("padding", $menu-nested-list-padding-left, false)
.menu-label
color: $menu-label-color

2
sass/components/message.sass
View File

@@ -79,7 +79,7 @@ $message-colors: $colors !default
.delete
flex-grow: 0
flex-shrink: 0
margin-left: 0.75em
+ltr-property("margin", 0.75em, false)
& + .message-body
border-width: $message-header-body-border-width
border-top-left-radius: 0

4
sass/components/modal.sass
View File

@@ -63,7 +63,7 @@ $modal-card-body-padding: 20px !default
background: none
height: $modal-close-dimensions
position: fixed
right: $modal-close-right
+ltr-position($modal-close-right)
top: $modal-close-top
width: $modal-close-dimensions
@@ -102,7 +102,7 @@ $modal-card-body-padding: 20px !default
border-top: $modal-card-foot-border-top
.button
&:not(:last-child)
margin-right: 0.5em
+ltr-property("margin", 0.5em)
.modal-card-body
+overflow-touch

18
sass/components/navbar.sass
View File

@@ -151,7 +151,7 @@ body
.navbar-burger
color: $navbar-burger-color
+hamburger($navbar-height)
margin-left: auto
+ltr-property("margin", auto, false)
.navbar-menu
display: none
@@ -209,12 +209,12 @@ a.navbar-item,
flex-shrink: 1
.navbar-link:not(.is-arrowless)
padding-right: 2.5em
+ltr-property("padding", 2.5em)
&::after
@extend %arrow
border-color: $navbar-dropdown-arrow
margin-top: -0.375em
right: 1.125em
+ltr-position(1.125em)
.navbar-dropdown
font-size: 0.875rem
@@ -347,10 +347,10 @@ a.navbar-item,
flex-shrink: 0
.navbar-start
justify-content: flex-start
margin-right: auto
+ltr-property("margin", auto)
.navbar-end
justify-content: flex-end
margin-left: auto
+ltr-property("margin", auto, false)
.navbar-dropdown
background-color: $navbar-dropdown-background-color
border-bottom-left-radius: $navbar-dropdown-radius
@@ -359,7 +359,7 @@ a.navbar-item,
box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
display: none
font-size: 0.875rem
left: 0
+ltr-position(0, false)
min-width: 100%
position: absolute
top: 100%
@@ -368,7 +368,7 @@ a.navbar-item,
padding: 0.375rem 1rem
white-space: nowrap
a.navbar-item
padding-right: 3rem
+ltr-property("padding", 3rem)
&:focus,
&:hover
background-color: $navbar-dropdown-item-hover-background-color
@@ -396,9 +396,9 @@ a.navbar-item,
.navbar > .container,
.container > .navbar
.navbar-brand
margin-left: -.75rem
+ltr-property("margin", -.75rem, false)
.navbar-menu
margin-right: -.75rem
+ltr-property("margin", -.75rem)
// Fixed navbar
.navbar
&.is-fixed-bottom-desktop,

4
sass/components/panel.sass
View File

@@ -88,7 +88,7 @@ $panel-colors: $colors !default
justify-content: flex-start
padding: 0.5em 0.75em
input[type="checkbox"]
margin-right: 0.75em
+ltr-property("margin", 0.75em)
& > .control
flex-grow: 1
flex-shrink: 1
@@ -113,7 +113,7 @@ label.panel-block
.panel-icon
+fa(14px, 1em)
color: $panel-icon-color
margin-right: 0.75em
+ltr-property("margin", 0.75em)
.fa
font-size: inherit
line-height: inherit

49
sass/components/tabs.sass
View File

@@ -78,9 +78,9 @@ $tabs-toggle-link-active-color: $link-invert !default
padding-left: 0.75em
.icon
&:first-child
margin-right: 0.5em
+ltr-property("margin", 0.5em)
&:last-child
margin-left: 0.5em
+ltr-property("margin", 0.5em, false)
// Alignment
&.is-centered
ul
@@ -92,7 +92,10 @@ $tabs-toggle-link-active-color: $link-invert !default
&.is-boxed
a
border: 1px solid transparent
border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
+ltr
border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
+rtl
border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
&:hover
background-color: $tabs-boxed-link-hover-background-color
border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
@@ -119,13 +122,21 @@ $tabs-toggle-link-active-color: $link-invert !default
z-index: 2
li
& + li
margin-left: -#{$tabs-toggle-link-border-width}
+ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
&:first-child a
border-top-left-radius: $tabs-toggle-link-radius
border-bottom-left-radius: $tabs-toggle-link-radius
+ltr
border-top-left-radius: $tabs-toggle-link-radius
border-bottom-left-radius: $tabs-toggle-link-radius
+rtl
border-top-right-radius: $tabs-toggle-link-radius
border-bottom-right-radius: $tabs-toggle-link-radius
&:last-child a
border-bottom-right-radius: $tabs-toggle-link-radius
border-top-right-radius: $tabs-toggle-link-radius
+ltr
border-top-right-radius: $tabs-toggle-link-radius
border-bottom-right-radius: $tabs-toggle-link-radius
+rtl
border-top-left-radius: $tabs-toggle-link-radius
border-bottom-left-radius: $tabs-toggle-link-radius
&.is-active
a
background-color: $tabs-toggle-link-active-background-color
@@ -137,13 +148,23 @@ $tabs-toggle-link-active-color: $link-invert !default
&.is-toggle-rounded
li
&:first-child a
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
padding-left: 1.25em
+ltr
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
padding-left: 1.25em
+rtl
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
padding-right: 1.25em
&:last-child a
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
padding-right: 1.25em
+ltr
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
padding-right: 1.25em
+rtl
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
padding-left: 1.25em
// Sizes
&.is-small
font-size: $size-small