Change link hover effect
This commit is contained in:
parent
801d34a138
commit
d72a070521
1 changed files with 7 additions and 2 deletions
|
@ -94,9 +94,12 @@ p > a {
|
||||||
color: #000;
|
color: #000;
|
||||||
font-weight: $font-semibold;
|
font-weight: $font-semibold;
|
||||||
border-bottom: 3px solid $orange;
|
border-bottom: 3px solid $orange;
|
||||||
|
transition: border-bottom-width 0.2s ease;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
color: #000;
|
||||||
|
border-bottom-width: 1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -113,7 +116,7 @@ p > a {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
transition: background-color 0.2s;
|
transition: background-color 0.2s ease;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
|
@ -286,9 +289,11 @@ p > a {
|
||||||
border-bottom: 3px solid $orange;
|
border-bottom: 3px solid $orange;
|
||||||
padding: 3px 5px;
|
padding: 3px 5px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
transition: border-bottom-width 0.2s ease;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #ac5806;
|
color: #000;
|
||||||
|
border-bottom-width: 1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue