diff options
author | Roger Gonzalez <roger@rogs.me> | 2023-01-08 22:12:24 -0300 |
---|---|---|
committer | Roger Gonzalez <roger@rogs.me> | 2023-01-08 22:12:24 -0300 |
commit | b15ab4adb837e43409e5e3cf3a40a83ef4dbf62f (patch) | |
tree | 3b7d7e5dc84aabc839dd1d9174c4593cbd6b2f82 /themes/hugo-whisper-theme/assets/scss/bootstrap/_close.scss |
Initial commit
Diffstat (limited to 'themes/hugo-whisper-theme/assets/scss/bootstrap/_close.scss')
-rwxr-xr-x | themes/hugo-whisper-theme/assets/scss/bootstrap/_close.scss | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/_close.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/_close.scss new file mode 100755 index 0000000..5cc96f5 --- /dev/null +++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/_close.scss @@ -0,0 +1,41 @@ +.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; + } + } +} + +// 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; + appearance: none; +} + +// Future-proof disabling of clicks on `<a>` elements + +// stylelint-disable-next-line selector-no-qualifying-type +a.close.disabled { + pointer-events: none; +} |