aboutsummaryrefslogtreecommitdiffstats
path: root/resources/tools/dash/app/pal/static/sass/bootstrap/_close.scss
diff options
context:
space:
mode:
authorpmikus <peter.mikus@protonmail.ch>2022-09-16 12:49:35 +0200
committerPeter Mikus <peter.mikus@protonmail.ch>2022-09-16 11:58:37 +0000
commitf8bdd103ff86c171f6db6cef657c7ecbe97763a1 (patch)
tree5899abb1b8b447f4e12061a8d06a8996a4032ba8 /resources/tools/dash/app/pal/static/sass/bootstrap/_close.scss
parent69fd124979890cac21bd0dbc7ef442563f175372 (diff)
feat(uti): Compiled CSS
Signed-off-by: pmikus <peter.mikus@protonmail.ch> Change-Id: Idce840acedcf6f3badbecd8c80f28d94d3abd1af
Diffstat (limited to 'resources/tools/dash/app/pal/static/sass/bootstrap/_close.scss')
-rw-r--r--resources/tools/dash/app/pal/static/sass/bootstrap/_close.scss40
1 files changed, 40 insertions, 0 deletions
diff --git a/resources/tools/dash/app/pal/static/sass/bootstrap/_close.scss b/resources/tools/dash/app/pal/static/sass/bootstrap/_close.scss
new file mode 100644
index 0000000000..a0813de8d3
--- /dev/null
+++ b/resources/tools/dash/app/pal/static/sass/bootstrap/_close.scss
@@ -0,0 +1,40 @@
+// Transparent background and border properties included for button version.
+// iOS requires the button element instead of an anchor tag.
+// If you want the anchor version, it requires `href="#"`.
+// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
+
+.btn-close {
+ 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
+ border: 0; // for button elements
+ @include border-radius();
+ opacity: $btn-close-opacity;
+
+ // Override <a>'s hover style
+ &:hover {
+ color: $btn-close-color;
+ text-decoration: none;
+ opacity: $btn-close-hover-opacity;
+ }
+
+ &:focus {
+ outline: 0;
+ box-shadow: $btn-close-focus-shadow;
+ opacity: $btn-close-focus-opacity;
+ }
+
+ &:disabled,
+ &.disabled {
+ pointer-events: none;
+ user-select: none;
+ opacity: $btn-close-disabled-opacity;
+ }
+}
+
+.btn-close-white {
+ filter: $btn-close-white-filter;
+}