1
0
mirror of https://github.com/matt-fidd/stratos.git synced 2026-01-01 20:59:30 +00:00

Added homeNav component

This commit is contained in:
2022-01-25 20:11:27 +00:00
parent 6fe851c63a
commit 24ca02a7a5
3 changed files with 30 additions and 0 deletions

View File

@@ -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;
}
}

View File

@@ -6,4 +6,5 @@
@import 'base/typography';
@import 'components/homeNav';
@import 'components/button';

View File

@@ -0,0 +1,9 @@
<nav class='homeNav'>
<a href='/'>
<img src='/assets/logo-inline.svg' alt='Stratos logo image'/>
</a>
<div class='homeNav__buttons'>
{{>button style='full' colour='primary' to='/login' content='Log In'}}
{{>button style='outline' colour='primary' to='/register' content='Sign Up'}}
</div>
</nav>