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

Styleguide Update 1
All checks were successful
/ build (push) Successful in 13s
Details

Browse source
This commit is contained in:
kritzl 2025-04-05 23:50:54 +02:00
commit 1eff2f0e0b
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
28 changed files with 692 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

14
styleguide/assets/style/styleguide.scss
View file

@ -241,6 +241,7 @@ body {
max-width: min(var(--container-4xl), 100vw);
width: 100%;
padding: 0 1rem;
overflow-x: hidden;
@media (min-width: $breakpoint-mobile) {
padding-left: 2rem;
@ -427,13 +428,14 @@ main > div.generator {
.swatch-grid {
background-color: var(--color-background);
color: var(--color-foreground);
padding: 1rem;
padding: 0.5rem;
section {
display: flex;
flex-wrap: wrap;
gap: 1rem;
gap: 0.5rem;
margin-top: 2rem;
--swatch-size: 5rem;
& > span {
width: 100%;
@ -446,14 +448,14 @@ main > div.generator {
align-items: end;
gap: 0.25rem;
background-color: var(--color-background);
border-radius: 1rem;
padding: 0.5rem;
border-radius: 0.75rem;
padding: 0.25rem;
border: 0.125rem solid var(--color-foreground);
.swatch {
background-color: var(--swatch-color);
width: 8rem;
height: 8rem;
width: var(--swatch-size);
aspect-ratio: 1;
border-radius: 0.5rem;
}