Fix overlay mixin. Remove rtl mixin.
This commit is contained in:
parent
cce97bd147
commit
22e34ed079
4 changed files with 5 additions and 34 deletions
|
|
@ -14,5 +14,5 @@
|
||||||
@import 'mixins/clearfix/clearfix';
|
@import 'mixins/clearfix/clearfix';
|
||||||
@import 'mixins/debug/debug';
|
@import 'mixins/debug/debug';
|
||||||
@import 'mixins/flex-calc/flex-calc';
|
@import 'mixins/flex-calc/flex-calc';
|
||||||
@import 'mixins/rtl/rtl';
|
@import 'mixins/overlay/overlay';
|
||||||
@import 'mixins/spacing/spacing';
|
@import 'mixins/spacing/spacing';
|
||||||
|
|
|
||||||
|
|
@ -169,8 +169,5 @@ $gutters-reverse: calc(0px - (5px + 1.5625vw));
|
||||||
// Use like this: var(--indent-amount)
|
// Use like this: var(--indent-amount)
|
||||||
$indent-amount: 2rem;
|
$indent-amount: 2rem;
|
||||||
|
|
||||||
// Control whether RTL styles are added.
|
|
||||||
$include-rtl: false;
|
|
||||||
|
|
||||||
// Show horizontal grid to help with debugging typography.
|
// Show horizontal grid to help with debugging typography.
|
||||||
$debug: false;
|
$debug: false;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
@mixin overlay($opacity: '0.5', $color: $nearblack, $color2: $grey-light) {
|
@mixin overlay() {
|
||||||
--color-overlay: $color;
|
--color-overlay: var(--color-black-20);
|
||||||
--color-overlay2: $color2;
|
--color-overlay2: var(--color-black-10);
|
||||||
border-image: linear-gradient(rgba(var(--color-overlay) / $opacity), rgba(var(--color-overlay2) / $opacity)) fill 1;
|
border-image: linear-gradient(var(--color-overlay), var(--color-overlay2)) fill 1;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
// stylelint-disable scss/at-if-closing-brace-newline-after, scss/at-if-closing-brace-space-after
|
|
||||||
|
|
||||||
$include-rtl: true !default;
|
|
||||||
|
|
||||||
// rtl()
|
|
||||||
//
|
|
||||||
// Includes Right-To-Left language support by adding a selector of
|
|
||||||
// `[dir="rtl"]`.
|
|
||||||
//
|
|
||||||
// Can be turned off globally by setting `$include-rtl: false;`.
|
|
||||||
//
|
|
||||||
// $selector = ':dir(rtl)' - The RTL selector.
|
|
||||||
@mixin rtl($selector: ':dir(rtl)') {
|
|
||||||
@if $include-rtl {
|
|
||||||
@if & {
|
|
||||||
&#{$selector} {
|
|
||||||
@content;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@else {
|
|
||||||
#{$selector} {
|
|
||||||
@content;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue