_close.scss (851B)
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 }