Added Header Component
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
@define-mixin responsive-wrapper $vspacing: 0 $hspacing: var(--spacing-comfortable) {
|
||||
@define-mixin responsive-wrapper $vspacing: 0, $hspacing: var(--spacing-cozy) {
|
||||
@mixin mx auto;
|
||||
|
||||
max-width: clamp(60ch, 90vw, 90ch);
|
||||
padding: $vspacing $hspacing;
|
||||
font-family: var(--font-body);
|
||||
font-size: var(--typo-size-responsive);
|
||||
}
|
||||
@@ -85,7 +85,7 @@
|
||||
--color-primary-emphasis: oklch(from var(--color-primary) calc(l - 0.15) c h);
|
||||
|
||||
/* == Secondary Colors == */
|
||||
--color-secondary: var(--color-palette-electric-blue);
|
||||
--color-secondary: var(--color-palette-olive-drab);
|
||||
--color-secondary-surface: oklch(from var(--color-secondary) calc(l + 0.1) c h);
|
||||
--color-secondary-emphasis: oklch(from var(--color-secondary) calc(l - 0.15) c h);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user