diff --git a/scss/_footer.scss b/scss/_footer.scss index 030a4d83eb759dc6987e0043d5685f3993a05030..00b20b6b4cf57cd7a6bf803d6ed091bfea0c7007 100644 --- a/scss/_footer.scss +++ b/scss/_footer.scss @@ -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{ diff --git a/scss/_general.scss b/scss/_general.scss index 6fa1fecf0a59d3a4508a3de69a8819bcb8180844..dd088ca1bed295be0188ef55061e1df211e7bc89 100644 --- a/scss/_general.scss +++ b/scss/_general.scss @@ -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; diff --git a/scss/_menue.scss b/scss/_menue.scss index e105e79265a2d05168d467efd004b60f3da3d475..2a2b5e14eea68d2a396197210652b18bde006b0a 100644 --- a/scss/_menue.scss +++ b/scss/_menue.scss @@ -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; diff --git a/scss/_var.scss b/scss/_var.scss index 86d3e7793bd002d8a82a955ab7f7697a7e0accb8..a1906a142fe09ddbb04101d084cf9ba3127b43d2 100644 --- a/scss/_var.scss +++ b/scss/_var.scss @@ -10,4 +10,6 @@ $darker-color-2: 2%; $border-radius-sub-nav: 10px; $mobile-max-width: 600px; -$small-mobile-max-width: 300px; \ No newline at end of file +$small-mobile-max-width: 300px; + +$link-hover-animation-time: 0.2s; \ No newline at end of file