refactor: consolidate CSS with reusable mixins

Create SCSS mixins for repeated typography patterns (section-title, big-title, labels, text-blocks) in generic-classes.scss. Replace ~25-30 duplicate style declarations across sections with mixin includes, improving maintainability and consistency.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-23 16:38:44 +01:00
parent ac3542099a
commit 96c52e7e96
11 changed files with 289 additions and 93 deletions

View file

@ -12,18 +12,11 @@ section#system {
.top {
.section-title {
font-weight: 400;
font-size: var(--font-size-s);
text-transform: uppercase;
margin-bottom: 0.75rem;
@include section-title;
}
.title {
font-family: 'owners-xnarrow', sans-serif;
font-weight: 500;
font-size: var(--font-size-l);
text-transform: uppercase;
color: var(--color-blue);
@include big-title-xnarrow;
margin-bottom: 2rem;
}