Some initial sass refactoring (breaking change!)

Well, it's not a breaking change if you don't restyle duckquill heavily :)
This commit is contained in:
David Lapshin
2024-05-20 16:14:58 +03:00
parent 5cfa5aa0c8
commit d77ebed269
12 changed files with 365 additions and 372 deletions

19
sass/_kbd.scss Normal file
View File

@ -0,0 +1,19 @@
kbd {
display: inline-block;
transition-duration: var(--transition);
transition-property: transform, box-shadow, background-color;
cursor: pointer;
box-shadow: inset 0 -2px 0 var(--fg-muted-2), 0 -1px 0 var(--fg-muted-3);
border-radius: var(--rounded-corner-small);
background-color: var(--fg-muted-2);
padding: 0.125rem 0.375rem;
font-size: 0.8rem;
line-height: normal;
// Small nice thingy, keys can be pressed!
&:active {
transform: translateY(2px);
box-shadow: inset 0 1px 0 var(--fg-muted-2);
background-color: var(--fg-muted-3);
}
}