tmpl/less/close.less

   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   .opacity(.2);
  14
  15   &:hover,
  16   &:focus {
  17     color: @close-color;
  18     text-decoration: none;
  19     cursor: pointer;
  20     .opacity(.5);
  21   }
  22
  23   // Additional properties for button version
  24   // iOS requires the button element instead of an anchor tag.
  25   // If you want the anchor version, it requires `href="#"`.
  26   button& {
  27     padding: 0;
  28     cursor: pointer;
  29     background: transparent;
  30     border: 0;
  31     -webkit-appearance: none;
  32   }
  33 }