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