dave-dmg/blog_bricked
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added base styles, variables, and mixins

Browse Source
This commit is contained in:
Dave
2025-09-16 14:03:23 +02:00
parent a4b8163056
commit 5816ede3ca
131 changed files with 3276 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/styles/mixins/typography.css Normal file
View File

@@ -0,0 +1,78 @@
@define-mixin text-8xl $leading: 1 {
font-size: var(--typo-size-8xl);
line-height: calc($leading * 1.0435);
letter-spacing: -0.0219em;
}
@define-mixin text-7xl $leading: 1 {
font-size: var(--typo-size-7xl);
line-height: calc($leading * 1.098);
letter-spacing: -0.0198em;
}
@define-mixin text-6xl $leading: 1 {
font-size: var(--typo-size-6xl);
line-height: calc($leading * 1.0864);
letter-spacing: -0.0172em;
}
@define-mixin text-5xl $leading:1 {
font-size: var(--typo-size-5xl);
line-height: calc($leading * 1.125);
letter-spacing: -0.0137em;
}
@define-mixin text-4xl $leading:1 {
font-size: var(--typo-size-4xl);
line-height: calc($leading * 1.1765);
letter-spacing: -0.0096em;
}
@define-mixin text-3xl $leading:1 {
font-size: var(--typo-size-3xl);
line-height: calc($leading * 1.2);
letter-spacing: -0.004em;
}
@define-mixin text-2xl $leading:1 {
font-size: var(--typo-size-2xl);
line-height: calc($leading * 1.25);
letter-spacing: 0.0025em;
}
@define-mixin text-xl {
font-size: var(--typo-size-xl);
line-height: calc($leading * 1.28);
letter-spacing: 0.0116em;
}
@define-mixin text-lg {
font-size: var(--typo-size-lg);
line-height: calc($leading * 1.4);
letter-spacing: 0.022em;
}
@define-mixin text-md {
font-size: var(--typo-size-md);
line-height: calc($leading * 1.5);
letter-spacing: 0.035em;
}
@define-mixin text-sm {
font-size: var(--typo-size-sm);
line-height: calc($leading * 1.5385);
letter-spacing: 0.05em;
}
@define-mixin text-xs {
font-size: var(--typo-size-xs);
line-height: calc($leading * 2);
letter-spacing: 0.074em;
}
@define-mixin text-2xs {
font-size: var(--typo-size-2xs);
line-height: calc($leading * 2);
letter-spacing: 0.1em;
}