• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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  // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
27  button& {
28    padding: 0;
29    cursor: pointer;
30    background: transparent;
31    border: 0;
32    -webkit-appearance: none;
33  }
34}
35