mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
848ca6e315
Mostly doubling-up :hover styles to also cover :focus, as a first step to making the framework more keyboard-friendly. Additionally, fixed two small markup issues in the docs/examples to make the "Learn more" large primary button-styled links keyboard-focusable (as without href they're treated as non-tabable anchors).
32 lines
No EOL
644 B
Text
32 lines
No EOL
644 B
Text
//
|
|
// Close icons
|
|
// --------------------------------------------------
|
|
|
|
|
|
.close {
|
|
float: right;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
line-height: @baseLineHeight;
|
|
color: @black;
|
|
text-shadow: 0 1px 0 rgba(255,255,255,1);
|
|
.opacity(20);
|
|
&:hover,
|
|
&:focus {
|
|
color: @black;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
.opacity(40);
|
|
}
|
|
}
|
|
|
|
// Additional properties for button version
|
|
// iOS requires the button element instead of an anchor tag.
|
|
// If you want the anchor version, it requires `href="#"`.
|
|
button.close {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none;
|
|
} |