Add hover link to contact element
This commit is contained in:
parent
c9f14cd078
commit
73003b5b17
5 changed files with 33 additions and 22 deletions
|
|
@ -36,6 +36,25 @@ $breakpoint-width: 925px !default;
|
|||
}
|
||||
}
|
||||
|
||||
@mixin title-fragment-link() {
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: '#';
|
||||
position: absolute;
|
||||
left: -0.5ch;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transform: translateX(-100%);
|
||||
transition: opacity var(--transition-time);
|
||||
}
|
||||
|
||||
&:hover:before {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin center-children() {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue