add missing css
This commit is contained in:
parent
bb2cd23dd6
commit
411cfde93d
47
src/lib/css/icon.css
Normal file
47
src/lib/css/icon.css
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
.icon:active{
|
||||||
|
scale: 0.8 0.8;
|
||||||
|
rotate: var(--angle, 30deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.icon{
|
||||||
|
--angle: 15deg;
|
||||||
|
--endscale: 1.2;
|
||||||
|
text-decoration: unset;
|
||||||
|
transition: 100ms;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
top:-0.5em;
|
||||||
|
right:-0.5em;
|
||||||
|
padding: 0.25em;
|
||||||
|
background-color: var(--nord6);
|
||||||
|
border-radius:1000px;
|
||||||
|
box-shadow: 0em 0em 2em 0.1em rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
input.icon{
|
||||||
|
z-index: 3;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-decoration: unset;
|
||||||
|
text-align:center;
|
||||||
|
width: 2.6rem;
|
||||||
|
aspect-ratio: 1/1;
|
||||||
|
transition: 100ms;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
top:-0.5em;
|
||||||
|
right:-0.5em;
|
||||||
|
padding: 0.25em;
|
||||||
|
background-color: var(--nord6);
|
||||||
|
border-radius:1000px;
|
||||||
|
box-shadow: 0em 0em 2em 0.1em rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
input.icon:hover,
|
||||||
|
input.icon:focus-visible
|
||||||
|
{
|
||||||
|
box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
a.icon:hover,
|
||||||
|
a.icon:focus-visible
|
||||||
|
{
|
||||||
|
box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6);
|
||||||
|
animation: shake 0.6s forwards;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user