diff options
Diffstat (limited to 'src/lib/LandingHero.svelte')
| -rw-r--r-- | src/lib/LandingHero.svelte | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/lib/LandingHero.svelte b/src/lib/LandingHero.svelte index 66729335..bec9d1f4 100644 --- a/src/lib/LandingHero.svelte +++ b/src/lib/LandingHero.svelte @@ -51,7 +51,9 @@ const scrollPastHero = () => { </button> </section> -<style> +<style lang="scss"> + @use "breakpoints" as *; + .hero { min-height: calc(100dvh - 8rem); display: flex; @@ -172,7 +174,7 @@ const scrollPastHero = () => { } } - @media (max-width: 600px) { + @media (max-width: $bp-sm) { .hero { min-height: calc(100vh - 6rem); padding: 1.5rem; |