EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

merch sizing-guide: style improvements
All checks were successful
/ build (push) Successful in 9s
Details

Browse source
This commit is contained in:
kritzl 2025-02-13 16:29:51 +01:00
commit 5c203a6f22
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
7 changed files with 66 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

21
styleguide/assets/style/merch.scss
View file

@ -13,26 +13,27 @@ table {
user-select: none;
width: fit-content;
border-collapse: collapse;
border: solid 4px var(--color-shade-3);
border: solid 4px var(--color-shade-2);
thead {
position: sticky;
top: calc(-1rem + 2px);
z-index: 10;
background-color: var(--color-background);
outline: solid 4px var(--color-shade-3);
outline: solid 4px var(--color-shade-2);
outline-offset: -2px;
tr > th {
outline: solid 1px var(--color-shade-3);
outline: solid 1px var(--color-shade-2);
&.hover {
background-color: var(--color-shade-4);
background-color: var(--color-shade-3);
}
}
tr:first-child > th[colspan='15'] {
background-color: var(--color-shade-3);
background-color: var(--color-shade-2);
color: var(--color-dark-foreground);
}
&.currentEvent {
@ -49,7 +50,7 @@ table {
}
tbody {
border-top: solid 4px var(--color-shade-3);
border-top: solid 4px var(--color-shade-2);
&.currentEvent {
border: solid 4px var(--color-primary);
@ -65,7 +66,7 @@ table {
th,
td {
padding: 0.25rem 0.5rem;
border: solid 1px var(--color-shade-3);
border: solid 1px var(--color-shade-2);
min-width: 6ch;
&.hover {
@ -89,7 +90,7 @@ table {
}
&:hover {
background-color: var(--color-shade-4);
background-color: var(--color-shade-3);
}
}
@ -108,7 +109,7 @@ table {
}
&.currentDimension:not(.hover) {
background-color: var(--color-shade-3);
background-color: var(--color-shade-2);
}
&:not([data-diff=''])::after {
@ -140,7 +141,7 @@ table {
&.dimension {
&.hover {
background-color: var(--color-shade-4);
background-color: var(--color-shade-3);
}
&.currentDimension::after {