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:
20
src/stylesheets/components/_homeNav.scss
Normal file
20
src/stylesheets/components/_homeNav.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,4 +6,5 @@
|
||||
|
||||
@import 'base/typography';
|
||||
|
||||
@import 'components/homeNav';
|
||||
@import 'components/button';
|
||||
|
||||
9
views/partials/homeNav.hbs
Normal file
9
views/partials/homeNav.hbs
Normal 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>
|
||||
Reference in New Issue
Block a user