diff options
Diffstat (limited to 'portal-FE-common/src/styles/bootstrap/_close.scss')
| -rw-r--r-- | portal-FE-common/src/styles/bootstrap/_close.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/portal-FE-common/src/styles/bootstrap/_close.scss b/portal-FE-common/src/styles/bootstrap/_close.scss new file mode 100644 index 00000000..f1763cc2 --- /dev/null +++ b/portal-FE-common/src/styles/bootstrap/_close.scss @@ -0,0 +1,34 @@ +.close { + float: right; + font-size: $close-font-size; + font-weight: $close-font-weight; + line-height: 1; + color: $close-color; + text-shadow: $close-text-shadow; + opacity: .5; + + @include hover-focus { + color: $close-color; + text-decoration: none; + opacity: .75; + } + + // Opinionated: add "hand" cursor to non-disabled .close elements + &:not([disabled]):not(.disabled) { + cursor: pointer; + } +} + +// 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 property-no-vendor-prefix, selector-no-qualifying-type +button.close { + padding: 0; + background-color: transparent; + border: 0; + -webkit-appearance: none; +} +// stylelint-enable |