moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

add better outlines

Browse source
This commit is contained in:
Moritz Ruth 2019-04-02 18:08:19 +02:00
parent 69bb2c3d68
commit c69b17c08d
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/css/global.scss
View file

@ -41,13 +41,19 @@ a {
color: white;
transition: 400ms;
transition-duration: 400ms;
transition-property: background-color, color, font-weight;
&:hover {
&:hover, &:focus {
background-color: white;
color: $c-background;
font-weight: 400;
}
&:focus {
outline-style: dashed;
outline-width: 2px;
}
}
.title {

7
components/SocialIcon.vue
View file

@ -41,6 +41,11 @@
height: 50px;
width: 50px;
&:focus {
outline-style: dashed;
outline-width: 2px;
}
@include desktop {
height: 70px;
width: 70px;
@ -83,7 +88,7 @@
left: -50%;
}
&:hover {
&:hover, &:focus {
.title {
opacity: 1;
}