diff --git a/src/scss/_global.scss b/src/scss/_global.scss index f6de03b..d79aa92 100644 --- a/src/scss/_global.scss +++ b/src/scss/_global.scss @@ -8,9 +8,6 @@ --color-grey-900: #3A3A3A; --color-white: #ffffff; - --box-shadow-light: 0 4px 4px 0 rgba(0, 0, 0, .1); - --box-shadow-heavy: 0 4px 8px 4px rgba(0, 0, 0, .1); - --shadow-md: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06); --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); --shadow-xl: 0 25px 50px -12px rgba(0,0,0,0.25); @@ -40,24 +37,6 @@ section { } } -h1, h2, h3, h4, h5, h6 { - margin: 0; -} - -h1 { - text-align: center; - font-size: clamp(2rem,calc(1rem + 3vw),4rem); -} - -h2 { - text-align: center; - font-size: clamp(1.6rem,calc(1rem + 2vw),3.4rem); -} - -h3 { - font-size: clamp(1.2rem,calc(1rem + 1vw),2.6rem); -} - a { color: var(--color-secondary); text-decoration: underline 2px; diff --git a/src/scss/_typography.scss b/src/scss/_typography.scss index 93d61a1..9acaf3d 100644 --- a/src/scss/_typography.scss +++ b/src/scss/_typography.scss @@ -29,4 +29,18 @@ body { h1, h2, h3, h4, h5, h6 { font-family: 'Vollkorn', serif; font-weight: 600; +} + +h1 { + text-align: center; + font-size: clamp(2rem,calc(1rem + 3vw),4rem); +} + +h2 { + text-align: center; + font-size: clamp(1.6rem,calc(1rem + 2vw),3.4rem); +} + +h3 { + font-size: clamp(1.2rem,calc(1rem + 1vw),2.6rem); } \ No newline at end of file diff --git a/src/scss/components/_nav.scss b/src/scss/components/_nav.scss index fa9c616..e218ea3 100644 --- a/src/scss/components/_nav.scss +++ b/src/scss/components/_nav.scss @@ -21,7 +21,7 @@ } .c-nav__logo svg { - box-shadow: var(--box-shadow-light); + box-shadow: var(--shadow-md); } .c-nav__home {