jonasled2/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add hover animations

Browse source
This commit is contained in:
jonasled 2021-03-05 22:47:51 +01:00
parent 28760c92be
commit 1217a10418
4 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
scss/_footer.scss
View file

@ -23,6 +23,10 @@ footer{
a {
color: $text-color;
transition: color $link-hover-animation-time;
}
a:hover{
color: $accent-color;
}
}
@ -30,6 +34,14 @@ footer{
margin-left: 10px;
display: inline;
}
.fa {
transition: color $link-hover-animation-time;
}
.fa:hover{
color: $accent-color;
}
}
#blueBar{

2
scss/_general.scss
View file

@ -16,6 +16,7 @@ button{
padding: 5px;
cursor: pointer;
border-radius: 5px;
transition: background-color $link-hover-animation-time linear;
&:HOVER{
background-color: $accent-color-2;
@ -30,6 +31,7 @@ a{
padding: 0;
color: $accent-color;
text-decoration:underline;
transition: color $link-hover-animation-time;
&:HOVER{
color: $accent-color-2;

1
scss/_menue.scss
View file

@ -33,6 +33,7 @@
border-bottom: $back-color-2 solid 2px;
width: 100%;
color: $text-color;
transition: background-color $link-hover-animation-time linear;
&:first-of-type{
border-top-left-radius: $border-radius-sub-nav;

4
scss/_var.scss
View file

@ -10,4 +10,6 @@ $darker-color-2: 2%;
$border-radius-sub-nav: 10px;
$mobile-max-width: 600px;
$small-mobile-max-width: 300px;
$small-mobile-max-width: 300px;
$link-hover-animation-time: 0.2s;