portal-FE-common/src/styles/bootstrap/_close.scss

   1 .close {
   2   float: right;
   3   font-size: $close-font-size;
   4   font-weight: $close-font-weight;
   5   line-height: 1;
   6   color: $close-color;
   7   text-shadow: $close-text-shadow;
   8   opacity: .5;
   9
  10   @include hover-focus {
  11     color: $close-color;
  12     text-decoration: none;
  13     opacity: .75;
  14   }
  15
  16   // Opinionated: add "hand" cursor to non-disabled .close elements
  17   &:not([disabled]):not(.disabled) {
  18     cursor: pointer;
  19   }
  20 }
  21
  22 // Additional properties for button version
  23 // iOS requires the button element instead of an anchor tag.
  24 // If you want the anchor version, it requires `href="#"`.
  25 // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
  26
  27 // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
  28 button.close {
  29   padding: 0;
  30   background-color: transparent;
  31   border: 0;
  32   -webkit-appearance: none;
  33 }
  34 // stylelint-enable