resources/scss/bootstrap/_close.scss

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