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; color: white;
transition: 400ms; transition-duration: 400ms;
transition-property: background-color, color, font-weight;
&:hover { &:hover, &:focus {
background-color: white; background-color: white;
color: $c-background; color: $c-background;
font-weight: 400; font-weight: 400;
} }
&:focus {
outline-style: dashed;
outline-width: 2px;
}
} }
.title { .title {

7
components/SocialIcon.vue
View file

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