asr/biocircuits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More fancy styles

Browse source
This commit is contained in:
Aleks Rūtiņš 2024-06-02 19:29:39 -04:00
parent 86b982ecca
commit 27390b6e77
2 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/section-link.html
View file

@ -18,16 +18,17 @@
text-decoration: none !important;
text-transform: uppercase;
color: inherit;
--bg-hover: black;
background-image: linear-gradient(135deg,
black 0%,
black 50%,
var(--bg-hover) 0%,
var(--bg-hover) 50%,
transparent 50%,
transparent 100%
);
background-size: 250%;
background-position: 90% 90%;
border: 2px solid;
transition-property: color, border-color, background-position;
transition-property: color, border-color, background-position, background-color, background-image;
transition-duration: .75s;
}
a span, a svg {
@ -38,4 +39,10 @@
background-position: 0% 0%;
border-color: black;
}
a:active {
--bg-hover: var(--color-theme-1);
border-color: var(--color-theme-1);
color: var(--color-theme-1);
background-position: -75% -75%;
}
</style>