summaryrefslogtreecommitdiff
path: root/src/sass/bootstrap4/_close.scss
diff options
context:
space:
mode:
authorMax2017-05-18 14:03:27 +0200
committerMax2017-05-18 14:03:27 +0200
commitf597e2fe949a1e18eb778b9a5bd102de88570555 (patch)
tree7e42e6f91dd3e764cd2cf0c4f61f48501c2ed98f /src/sass/bootstrap4/_close.scss
downloaddocs.maxmail.xyz-f597e2fe949a1e18eb778b9a5bd102de88570555.tar.gz
Initial commit.HEADmaster
Diffstat (limited to 'src/sass/bootstrap4/_close.scss')
-rw-r--r--src/sass/bootstrap4/_close.scss28
1 files changed, 28 insertions, 0 deletions
diff --git a/src/sass/bootstrap4/_close.scss b/src/sass/bootstrap4/_close.scss
new file mode 100644
index 0000000..89e68a3
--- /dev/null
+++ b/src/sass/bootstrap4/_close.scss
@@ -0,0 +1,28 @@
+.close {
+ float: right;
+ font-size: ($font-size-base * 1.5);
+ font-weight: $close-font-weight;
+ line-height: 1;
+ color: $close-color;
+ text-shadow: $close-text-shadow;
+ opacity: .2;
+
+ @include hover-focus {
+ color: $close-color;
+ text-decoration: none;
+ cursor: pointer;
+ opacity: .5;
+ }
+}
+
+// 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
+button.close {
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none;
+}