1 //

     2 // Close icons

     3 // --------------------------------------------------

     4 

     5 

     6 .close {

     7   float: right;

     8   font-size: ($font-size-base * 1.5);

     9   font-weight: $close-font-weight;

    10   line-height: 1;

    11   color: $close-color;

    12   text-shadow: $close-text-shadow;

    13   @include opacity(.2);

    14 

    15   &:hover,

    16   &:focus {

    17     color: $close-color;

    18     text-decoration: none;

    19     cursor: pointer;

    20     @include opacity(.5);

    21   }

    22 

    23   // [converter] extracted button& to button.close

    24 }

    25 

    26 // Additional properties for button version

    27 // iOS requires the button element instead of an anchor tag.

    28 // If you want the anchor version, it requires `href="#"`.

    29 // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile

    30 button.close {

    31   padding: 0;

    32   cursor: pointer;

    33   background: transparent;

    34   border: 0;

    35   -webkit-appearance: none;

    36 }