diff options
Diffstat (limited to 'assets/vendor/bulma/sass/utilities/mixins.sass')
-rw-r--r-- | assets/vendor/bulma/sass/utilities/mixins.sass | 103 |
1 files changed, 66 insertions, 37 deletions
diff --git a/assets/vendor/bulma/sass/utilities/mixins.sass b/assets/vendor/bulma/sass/utilities/mixins.sass index 097c2c1..293a060 100644 --- a/assets/vendor/bulma/sass/utilities/mixins.sass +++ b/assets/vendor/bulma/sass/utilities/mixins.sass @@ -48,7 +48,7 @@ &:nth-child(3) top: calc(50% + 4px) &:hover - background-color: rgba(black, 0.05) + background-color: bulmaRgba(black, 0.05) // Modifers &.is-active span @@ -128,20 +128,44 @@ @media screen and (min-width: $fullhd) @content +=ltr + @if not $rtl + @content + +=rtl + @if $rtl + @content + +=ltr-property($property, $spacing, $right: true) + $normal: if($right, "right", "left") + $opposite: if($right, "left", "right") + @if $rtl + #{$property}-#{$opposite}: $spacing + @else + #{$property}-#{$normal}: $spacing + +=ltr-position($spacing, $right: true) + $normal: if($right, "right", "left") + $opposite: if($right, "left", "right") + @if $rtl + #{$opposite}: $spacing + @else + #{$normal}: $spacing + // Placeholders -%unselectable +=unselectable -webkit-touch-callout: none -webkit-user-select: none -moz-user-select: none -ms-user-select: none user-select: none -=unselectable - @extend %unselectable +%unselectable + +unselectable -%arrow - border: 3px solid transparent +=arrow($color: transparent) + border: 3px solid $color border-radius: 2px border-right: 0 border-top: 0 @@ -156,25 +180,35 @@ transform-origin: center width: 0.625em -=arrow($color) - @extend %arrow - border-color: $color +%arrow + +arrow -%block +=block($spacing: $block-spacing) &:not(:last-child) - margin-bottom: 1.5rem + margin-bottom: $spacing -=block - @extend %block +%block + +block -%delete - @extend %unselectable +=delete + // Fix begins. Added to patch this error: + // "You may not @extend an outer selector from within @media. + // You may only @extend selectors within the same directive. + // From "@extend %unselectable" on line 194..." + //@extend %unselectable + -webkit-touch-callout: none + -webkit-user-select: none + -moz-user-select: none + -ms-user-select: none + user-select: none + // Fix ends -moz-appearance: none -webkit-appearance: none - background-color: rgba($black, 0.2) + background-color: bulmaRgba($scheme-invert, 0.2) border: none border-radius: $radius-rounded cursor: pointer + pointer-events: auto display: inline-block flex-grow: 0 flex-shrink: 0 @@ -190,7 +224,7 @@ width: 20px &::before, &::after - background-color: $white + background-color: $scheme-main content: "" display: block left: 50% @@ -206,9 +240,9 @@ width: 2px &:hover, &:focus - background-color: rgba($black, 0.3) + background-color: bulmaRgba($scheme-invert, 0.3) &:active - background-color: rgba($black, 0.4) + background-color: bulmaRgba($scheme-invert, 0.4) // Sizes &.is-small height: 16px @@ -232,12 +266,12 @@ min-width: 32px width: 32px -=delete - @extend %delete +%delete + +delete -%loader +=loader animation: spinAround 500ms infinite linear - border: 2px solid $border + border: 2px solid $grey-lighter border-radius: $radius-rounded border-right-color: transparent border-top-color: transparent @@ -247,20 +281,15 @@ position: relative width: 1em -=loader - @extend %loader +%loader + +loader -%overlay - bottom: 0 - left: 0 +=overlay($offset: 0) + bottom: $offset + left: $offset position: absolute - right: 0 - top: 0 + right: $offset + top: $offset -=overlay($offset: 0) - @extend %overlay - @if $offset != 0 - bottom: $offset - left: $offset - right: $offset - top: $offset +%overlay + +overlay |