X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/b0fadf2591f3af957c1c8e0307d0bcef9e9f8538..9d763695198b109f00b5d88a5cfe0190871271aa:/src/wolnelektury/static/2022/styles/layout/_navigation.scss?ds=sidebyside diff --git a/src/wolnelektury/static/2022/styles/layout/_navigation.scss b/src/wolnelektury/static/2022/styles/layout/_navigation.scss index e7f551ddd..12b236a64 100644 --- a/src/wolnelektury/static/2022/styles/layout/_navigation.scss +++ b/src/wolnelektury/static/2022/styles/layout/_navigation.scss @@ -55,7 +55,6 @@ body { .l-navigation__logo { display: flex; position: relative; - z-index: $master-layer + 1; img { width: 153px; @@ -73,9 +72,18 @@ body { margin: 0; outline: 0; position: relative; - z-index: $master-layer + 1; } +.is-open { + .l-navigation__logo { + z-index: $master-layer + 1; + } + .l-navigation__button { + z-index: $master-layer + 1; + } +} + + .l-naviagion__search { width: 60%; max-width: 580px; @@ -148,12 +156,23 @@ body { max-width: 1140px; border-radius: 10px; padding: 10px 50px; - width: 100%; - margin-bottom: 10px; + width: auto; + + margin-top: 18px; + margin-bottom: 18px; background-color: #FBC40F; position: relative; display: none; + margin-left: 16px; + margin-right: 16px; + flex-direction: column; + column-gap: 48px; + + @include rwd($break-flow) { + flex-direction: row; + } + &.show { display: flex; } @@ -165,9 +184,8 @@ body { line-height: 100%; letter-spacing: -0.02em; color: #333333; - margin: 0; + margin: 20px 0; min-width: 189px; - margin-right: 48px; } p { @@ -397,7 +415,7 @@ body { &.korona { &:before { - content: url('images/korona.svg'); + content: url('../images/korona.svg'); width: 21px; margin-right: -21px; position: relative;