more fixing menu links

This commit is contained in:
Thefeli73 2020-02-17 21:30:03 +01:00
parent 25a822463c
commit eafb07af0b

View File

@ -30,7 +30,7 @@
top: 50%; top: 50%;
transform: translate(0, -50%); transform: translate(0, -50%);
li { > li {
transform: translate3d(0,0,0); transform: translate3d(0,0,0);
margin: 1em 40%; margin: 1em 40%;
@ -39,6 +39,14 @@
margin: 1em 0; margin: 1em 0;
display: block; display: block;
border-bottom: none; border-bottom: none;
position: relative;
@include vendor('transition', (
'color #{_duration(transition2)} ease',
));
&:hover {
color: _palette(menu);
}
} }
&:before { &:before {
@ -55,31 +63,12 @@
width: 0; width: 0;
pointer-events: none; pointer-events: none;
} }
&:after {
@include vendor('transition', (
'opacity #{_duration(transition2)} ease',
));
opacity: 0;
content: attr(data-text);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
color: _palette(menu);
pointer-events: none;
line-height: 3em;
}
&:hover { &:hover {
&:before { &:before {
left: 0; left: 0;
right: auto; right: auto;
width: 100%; width: 100%;
} }
&:after {
opacity: 1;
}
} }
} }
} }