diff --git a/components/02_Molecules/_molecules.scss b/components/02_Molecules/_molecules.scss index 7219798..600a6b0 100644 --- a/components/02_Molecules/_molecules.scss +++ b/components/02_Molecules/_molecules.scss @@ -1,3 +1,4 @@ @import 'textSection/textSection'; @import 'placeTeaser/placeTeaser'; -@import 'tagList/tagList'; \ No newline at end of file +@import 'tagList/tagList'; +@import 'navigation/navigation'; \ No newline at end of file diff --git a/components/02_Molecules/navigation/_navigation.scss b/components/02_Molecules/navigation/_navigation.scss new file mode 100644 index 0000000..a3398dc --- /dev/null +++ b/components/02_Molecules/navigation/_navigation.scss @@ -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; + } + } +} \ No newline at end of file diff --git a/components/03_Organisms/navigation/navigation.config.json b/components/02_Molecules/navigation/navigation.config.json similarity index 100% rename from components/03_Organisms/navigation/navigation.config.json rename to components/02_Molecules/navigation/navigation.config.json diff --git a/components/03_Organisms/navigation/navigation.hbs b/components/02_Molecules/navigation/navigation.hbs similarity index 100% rename from components/03_Organisms/navigation/navigation.hbs rename to components/02_Molecules/navigation/navigation.hbs diff --git a/components/03_Organisms/_organisms.scss b/components/03_Organisms/_organisms.scss index 7c51b0a..45a92ab 100644 --- a/components/03_Organisms/_organisms.scss +++ b/components/03_Organisms/_organisms.scss @@ -1,5 +1,4 @@ @import 'header/header'; -@import 'navigation/navigation'; @import 'placeGrid/placeGrid'; @import 'placeList/placeList'; @import 'linkList/linkList'; diff --git a/components/03_Organisms/navigation/_navigation.scss b/components/03_Organisms/navigation/_navigation.scss deleted file mode 100644 index 9818644..0000000 --- a/components/03_Organisms/navigation/_navigation.scss +++ /dev/null @@ -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; - } - } -} \ No newline at end of file