mobilizon/src/styles/vue-skip-to.scss
Thomas Citharel 2e72f6faf4
build: switch from yarn to npm to manage js dependencies and move js contents to root
yarn v1 is being deprecated and starts to have some issues

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2023-11-14 17:24:42 +01:00

59 lines
823 B
SCSS

@import "../variables.scss";
/**
* Taken from https://github.com/vue-a11y/vue-skip-to/blob/master/src/VueSkipTo.vue because styles are inlined there
*/
.vue-skip-to {
position: fixed;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
&.focused,
&:hover {
left: 0;
top: 0;
clip: auto;
height: auto;
width: auto;
}
&,
&__nav-list {
list-style-type: none;
}
&__nav > span,
&__link {
display: block;
padding: 8px 16px;
font-size: 18px;
}
&__nav > span {
font-weight: bold;
}
&,
&__link {
text-decoration: none;
}
&__link:focus {
outline: none;
color: #f2f2f2;
}
}