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

Styleguide: update heading styles

Browse source
This commit is contained in:
kritzl 2025-02-12 02:12:08 +01:00
commit 55fb595be9
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
7 changed files with 138 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

47
styleguide/assets/style/main.scss
View file

@ -61,6 +61,8 @@ $breakpoint-2xl: 96rem;
--color-red-900: #5C0202;
--color-red-950: #3F0101;
--color-white: #FFFFFF;
--color-dark-foreground: var(--color-neutral-50);
--color-dark-background: var(--color-neutral-900);
--color-dark-shade-1: var(--color-neutral-800);
@ -75,7 +77,7 @@ $breakpoint-2xl: 96rem;
--color-dark-accent-2: #d381f7;
--color-dark-accent-3: #ff7975;
--color-light-foreground: var(--color-neutral-900);
--color-light-foreground: var(--color-neutral-950);
--color-light-background: var(--color-neutral-50);
--color-light-shade-1: var(--color-neutral-100);
--color-light-shade-2: var(--color-neutral-200);
@ -293,18 +295,11 @@ html.dark {
}
body {
margin: 0;
padding: 1rem;
background-color: var(--color-background);
color: var(--color-foreground);
font-family: "Athiti", ui-sans, sans-serif;
}
main {
max-width: var(--container-4xl);
margin-left: 4rem;
}
h1, .h1,
h2, .h2,
h3, .h3,
@ -313,12 +308,46 @@ h5, .h5,
h6, .h6,
{
font-family: "Argon Glow", ui-sans, sans-serif;
font-weight: 400;
margin: 0;
}
h1, .h1 {
font-size: var(--text-5xl);
line-height: var();
}
h2, .h2 {
font-size: var(--text-4xl);
line-height: var();
}
h3, .h3 {
font-size: var(--text-3xl);
line-height: var();
}
h4, .h4 {
font-size: var(--text-2xl);
line-height: var();
}
h5, .h5 {
font-size: var(--text-xl);
line-height: var();
}
h6, .h6 {
font-size: var(--text-lg);
line-height: var();
}
code, .code {
font-family: "Departure Mono", ui-monospace, monospace;
display: inline-block;
padding: 1rem 2rem;
padding: 1rem;
border-radius: 1rem;
background-color: var(--color-shade-1);
}