mdb-ui-kit/docs/assets/css/src/_anchors.less
2015-11-20 17:22:56 -06:00

52 lines
755 B
Plaintext

/*
* AnchorJS Styles
*/
.anchorjs-link {
color: inherit;
}
@media (max-width: 480px) {
.anchorjs-link {
display: none;
}
}
*:hover > .anchorjs-link {
opacity: .75;
-webkit-transition: color .16s linear;
-o-transition: color .16s linear;
transition: color .16s linear;
}
*:hover > .anchorjs-link:hover,
.anchorjs-link:focus {
text-decoration: none;
opacity: 1;
}
/*
* Fancy skip link
*
* Make it look a bit less "bare bones"
* Also includes focus suppression for the Chrome tabindex="-1" workaround
*/
#skippy {
display: block;
padding: 1em;
color: #fff;
background-color: @site-color-base;
outline: 0;
}
#skippy .skiplink-text {
padding: .5em;
outline: 1px dotted;
}
#content:focus {
outline: none;
}