From 24ca02a7a5e6aecfcdbc0a870d11ad5318816a64 Mon Sep 17 00:00:00 2001 From: matt Date: Tue, 25 Jan 2022 20:11:27 +0000 Subject: [PATCH] Added homeNav component --- src/stylesheets/components/_homeNav.scss | 20 ++++++++++++++++++++ src/stylesheets/main.scss | 1 + views/partials/homeNav.hbs | 9 +++++++++ 3 files changed, 30 insertions(+) create mode 100644 src/stylesheets/components/_homeNav.scss create mode 100644 views/partials/homeNav.hbs diff --git a/src/stylesheets/components/_homeNav.scss b/src/stylesheets/components/_homeNav.scss new file mode 100644 index 0000000..f2e77ee --- /dev/null +++ b/src/stylesheets/components/_homeNav.scss @@ -0,0 +1,20 @@ +.homeNav { + display: flex; + flex-direction: column; + align-items: center; + padding: 0.5em 1em; + + &__buttons { + display: grid; + grid-template-columns: repeat(2, 1fr); + align-items: center; + justify-items: end; + gap: 1em; + } + + @include respond-to('medium') { + flex-direction: row; + justify-content: space-between; + } +} + diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss index 603c651..d92d47f 100644 --- a/src/stylesheets/main.scss +++ b/src/stylesheets/main.scss @@ -6,4 +6,5 @@ @import 'base/typography'; +@import 'components/homeNav'; @import 'components/button'; diff --git a/views/partials/homeNav.hbs b/views/partials/homeNav.hbs new file mode 100644 index 0000000..115ba78 --- /dev/null +++ b/views/partials/homeNav.hbs @@ -0,0 +1,9 @@ +