matt/stratos
1
0
Fork 0
mirror of https://github.com/matt-fidd/stratos.git synced 2026-01-01 22:59:28 +00:00
Code Issues Projects Releases Wiki Activity

Added homeNav component

Browse Source
This commit is contained in:
matt
2022-01-25 20:11:27 +00:00
parent 6fe851c63a
commit 24ca02a7a5
3 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/stylesheets/components/_homeNav.scss Normal file
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;
}
}

1
src/stylesheets/main.scss
View File

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

9
views/partials/homeNav.hbs Normal file
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>