From 0c3f82bc58faf33bb38902c3c9d2b11d82700124 Mon Sep 17 00:00:00 2001
From: Cleverson <SmileYzn@users.noreply.github.com>
Date: Wed, 30 Sep 2020 09:04:10 -0300
Subject: [PATCH] Smileyzn close button patch 1 (#3049)

* Removed box shadow from page-link class

Removed box shadow from page-link class

* Add close span import

Let's fix close button on dialogs like modals etc.

* Fix outline for close button

Fix outline for close button

* Fixed whitespace

Fixed whitespace
---
 build/scss/_close.scss            | 44 +++++++++++++++++++++++++++++++
 build/scss/parts/_components.scss |  1 +
 2 files changed, 45 insertions(+)
 create mode 100644 build/scss/_close.scss

diff --git a/build/scss/_close.scss b/build/scss/_close.scss
new file mode 100644
index 000000000..a24c5c9e2
--- /dev/null
+++ b/build/scss/_close.scss
@@ -0,0 +1,44 @@
+.close {
+  float: right;
+  @include font-size($close-font-size);
+  font-weight: $close-font-weight;
+  line-height: 1;
+  color: $close-color;
+  text-shadow: $close-text-shadow;
+  opacity: .5;
+
+  // Override <a>'s hover style
+  @include hover() {
+    color: $close-color;
+    text-decoration: none;
+  }
+
+  &:not(:disabled):not(.disabled) {
+    @include hover-focus() {
+      opacity: .75;
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
+// Additional properties 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
+
+// stylelint-disable-next-line selector-no-qualifying-type
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+}
+
+// Future-proof disabling of clicks on `<a>` elements
+
+// stylelint-disable-next-line selector-no-qualifying-type
+a.close.disabled {
+  pointer-events: none;
+}
diff --git a/build/scss/parts/_components.scss b/build/scss/parts/_components.scss
index 0431170df..01b0b2029 100644
--- a/build/scss/parts/_components.scss
+++ b/build/scss/parts/_components.scss
@@ -12,3 +12,4 @@
 @import "../alerts";
 @import "../table";
 @import "../carousel";
+@import "../close";