X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/9b913776e3da4d4879c001b9379808897273c8fd..ddf2102eff7ea420a4ea5144c43409587fc1156e:/src/wolnelektury/static/2022/styles/layout/_navigation.scss?ds=inline diff --git a/src/wolnelektury/static/2022/styles/layout/_navigation.scss b/src/wolnelektury/static/2022/styles/layout/_navigation.scss index 12b236a64..9333766bc 100644 --- a/src/wolnelektury/static/2022/styles/layout/_navigation.scss +++ b/src/wolnelektury/static/2022/styles/layout/_navigation.scss @@ -55,7 +55,23 @@ body { .l-navigation__logo { display: flex; position: relative; + height: 44px; + width: 153px; + flex-shrink: 0; + overflow: hidden; + transition: .5s width; + + @include rwd($break-menu) { + width: 230px; + } + &.search-active { + width: 30px; + @include rwd($break-menu) { + width: 230px; + } + } + img { width: 153px; @include rwd($break-menu) { @@ -89,6 +105,7 @@ body { max-width: 580px; margin-left: 20px; margin-right: 20px; + flex-grow: 1; @include rwd($break-menu) { margin-left: 60px; @@ -198,19 +215,6 @@ body { } } -.l-change-pop__close { - border: 0; - background: transparent; - color: #333333; - outline: 0; - position: absolute; - right: 26px; - top: 0; - bottom: 0; - margin: auto; - cursor: pointer; -} - .l-navigation__menu { position: fixed; top: 0; left: 0; @@ -466,11 +470,14 @@ body { p { margin: 0; - width: 427px; font-weight: $regular; @include font-size(15px); line-height: 130%; color: #808080; + + @include rwd($break-menu) { + width: 427px; + } } }