Ja...
This commit is contained in:
24
components/03_Organisms/navigation/_navigation.scss
Normal file
24
components/03_Organisms/navigation/_navigation.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
.LP-Menu{
|
||||
&__List {
|
||||
list-style-type: none;
|
||||
display: inline-flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
&__Item {
|
||||
padding: 10px 15px;
|
||||
margin: 0 15px;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.LP-Link__Text {
|
||||
color: $-secondary-color;
|
||||
font-weight: bold;
|
||||
text-shadow: 0px 0px 20px white;
|
||||
&:hover{
|
||||
color: $-primary-accent-color;
|
||||
}
|
||||
}
|
||||
}
|
@@ -0,0 +1,3 @@
|
||||
{
|
||||
|
||||
}
|
7
components/03_Organisms/navigation/navigation.hbs
Normal file
7
components/03_Organisms/navigation/navigation.hbs
Normal file
@@ -0,0 +1,7 @@
|
||||
<nav class="LP-Menu">
|
||||
<ul class="LP-Menu__List">
|
||||
<li class="LP-Menu__Item">{{> @link text='Home'}}</li>
|
||||
<li class="LP-Menu__Item">{{> @link text='About'}}</li>
|
||||
<li class="LP-Menu__Item">{{> @link text='Contact'}}</li>
|
||||
</ul>
|
||||
</nav>
|
Reference in New Issue
Block a user