see-more
This commit is contained in:
parent
3e110f9c55
commit
b8f12369b8
7 changed files with 87 additions and 7 deletions
26
assets/css/_see-more.scss
Normal file
26
assets/css/_see-more.scss
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
.see-more{
|
||||
|
||||
--hover-bg: var(--color-bg);
|
||||
font-weight: 500;
|
||||
color: var(--color-txt);
|
||||
color: currentColor;
|
||||
text-decoration: none;
|
||||
span{ display: none;}
|
||||
|
||||
&::after{
|
||||
content: "→";
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-left: 0.75ch;
|
||||
left: 0;
|
||||
transition: left .4s ease-in-out;
|
||||
}
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
&::after{
|
||||
left: 0.5ch;
|
||||
text-decoration: underline var(--hover-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue