2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00

docs(skippy): prevent skip links from overlapping header

This commit is contained in:
Gaël Poupard
2020-07-20 11:26:41 +02:00
committed by XhmikosR
parent 1abe9264aa
commit 81d3e2b917
2 changed files with 23 additions and 15 deletions
+15 -12
View File
@@ -1,17 +1,20 @@
.skippy {
display: block;
padding: 1em;
color: $white;
text-align: center;
background-color: $bd-purple;
outline: 0;
// stylelint-disable declaration-no-important
@include hover() {
.skippy {
background-color: $bd-purple;
a {
color: $white;
}
}
.skippy-text {
padding: .5em;
outline: 1px dotted;
&:focus-within a {
position: static !important;
width: auto !important;
height: auto !important;
padding: $spacer / 2 !important;
margin: $spacer / 4 !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important;
}
}