Improvements in performance

This commit is contained in:
Sebastian Seedorf
2022-08-12 10:33:37 +02:00
parent e4250f0344
commit 74fddc6710
17 changed files with 390 additions and 214 deletions

View File

@@ -1,4 +1,48 @@
.grid {
display: grid;
grid-template-columns: 1fr 1fr;
.root {
position: relative;
border: 2px solid black;
padding: 0.5em;
margin: 1em;
}
.quit {
--color: darkred;
position: absolute;
right: 1em;
top: 1em;
border-radius: 999999px;
background: transparent;
border: 1px solid var(--color);
color: var(--color);
font-weight: 700;
}
.quit:is(:focus, :hover) {
--color: red;
filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
}
.flex {
display: flex;
flex-wrap: wrap;
gap: 0.1em;
}
.flex > * {
width: max-content;
}
@media (prefers-color-scheme: dark) {
.root {
border-color: gray;
}
.quit {
--color: indianred;
}
.quit:is(:focus, :hover) {
--color: red;
filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.5));
}
}