aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/scss/_close.scss
diff options
context:
space:
mode:
Diffstat (limited to 'vendor/twbs/bootstrap/scss/_close.scss')
-rw-r--r--vendor/twbs/bootstrap/scss/_close.scss39
1 files changed, 30 insertions, 9 deletions
diff --git a/vendor/twbs/bootstrap/scss/_close.scss b/vendor/twbs/bootstrap/scss/_close.scss
index a0813de8d..503a105cc 100644
--- a/vendor/twbs/bootstrap/scss/_close.scss
+++ b/vendor/twbs/bootstrap/scss/_close.scss
@@ -4,37 +4,58 @@
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
.btn-close {
+ --#{$prefix}btn-close-color: #{$btn-close-color};
+ --#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg) };
+ --#{$prefix}btn-close-opacity: #{$btn-close-opacity};
+ --#{$prefix}btn-close-hover-opacity: #{$btn-close-hover-opacity};
+ --#{$prefix}btn-close-focus-shadow: #{$btn-close-focus-shadow};
+ --#{$prefix}btn-close-focus-opacity: #{$btn-close-focus-opacity};
+ --#{$prefix}btn-close-disabled-opacity: #{$btn-close-disabled-opacity};
+ --#{$prefix}btn-close-white-filter: #{$btn-close-white-filter};
+
box-sizing: content-box;
width: $btn-close-width;
height: $btn-close-height;
padding: $btn-close-padding-y $btn-close-padding-x;
- color: $btn-close-color;
- background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
+ color: var(--#{$prefix}btn-close-color);
+ background: transparent var(--#{$prefix}btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
border: 0; // for button elements
@include border-radius();
- opacity: $btn-close-opacity;
+ opacity: var(--#{$prefix}btn-close-opacity);
// Override <a>'s hover style
&:hover {
- color: $btn-close-color;
+ color: var(--#{$prefix}btn-close-color);
text-decoration: none;
- opacity: $btn-close-hover-opacity;
+ opacity: var(--#{$prefix}btn-close-hover-opacity);
}
&:focus {
outline: 0;
- box-shadow: $btn-close-focus-shadow;
- opacity: $btn-close-focus-opacity;
+ box-shadow: var(--#{$prefix}btn-close-focus-shadow);
+ opacity: var(--#{$prefix}btn-close-focus-opacity);
}
&:disabled,
&.disabled {
pointer-events: none;
user-select: none;
- opacity: $btn-close-disabled-opacity;
+ opacity: var(--#{$prefix}btn-close-disabled-opacity);
}
}
+@mixin btn-close-white() {
+ filter: var(--#{$prefix}btn-close-white-filter);
+}
+
.btn-close-white {
- filter: $btn-close-white-filter;
+ @include btn-close-white();
+}
+
+@if $enable-dark-mode {
+ @include color-mode(dark) {
+ .btn-close {
+ @include btn-close-white();
+ }
+ }
}