Removed Navigation
This commit is contained in:
parent
e004d2ea7f
commit
0bb23d6a71
@ -1,3 +1,4 @@
|
||||
@import 'textSection/textSection';
|
||||
@import 'placeTeaser/placeTeaser';
|
||||
@import 'tagList/tagList';
|
||||
@import 'tagList/tagList';
|
||||
@import 'navigation/navigation';
|
46
components/02_Molecules/navigation/_navigation.scss
Normal file
46
components/02_Molecules/navigation/_navigation.scss
Normal file
@ -0,0 +1,46 @@
|
||||
.LP-Menu{
|
||||
.LP-Menu__List {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.LP-Menu__Item {
|
||||
padding: 15px 0;
|
||||
margin: 0;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.LP-Link__Text {
|
||||
color: $-grey;
|
||||
font-weight: bold;
|
||||
text-shadow: 0px 0px 20px white;
|
||||
&:hover{
|
||||
color: $-wine-red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: $-viewport-medium){
|
||||
.LP-Menu{
|
||||
|
||||
.LP-Menu__List{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: $-viewport-extra-small){
|
||||
.LP-Menu{
|
||||
.LP-Menu__List {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,5 +1,4 @@
|
||||
@import 'header/header';
|
||||
@import 'navigation/navigation';
|
||||
@import 'placeGrid/placeGrid';
|
||||
@import 'placeList/placeList';
|
||||
@import 'linkList/linkList';
|
||||
|
@ -1,24 +0,0 @@
|
||||
.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: $-grey;
|
||||
font-weight: bold;
|
||||
text-shadow: 0px 0px 20px white;
|
||||
&:hover{
|
||||
color: $-wine-red;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user