cfa6b2cd5f
This way we've been able to detect a bug where we were assigning a value to the `$global-left` variable instead of assigning it to either the `left` or `right` properties. This, however, was the right behavior, since adding a `left` indentation to the link wasn't correct because its parent element already had padding on the sides.
21 lines
385 B
SCSS
21 lines
385 B
SCSS
.skip-to-main-content {
|
|
@include grid-column-gutter;
|
|
|
|
a {
|
|
&:not(:focus) {
|
|
@include element-invisible;
|
|
width: 0 !important;
|
|
}
|
|
|
|
&:focus {
|
|
$outline-size: $focus-inner-width + $focus-middle-width + $focus-outer-width;
|
|
@include body-colors;
|
|
|
|
padding: 0.4rem;
|
|
position: absolute;
|
|
top: $outline-size;
|
|
z-index: 1000;
|
|
}
|
|
}
|
|
}
|