X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/14eaee7aef2e0f89f0210f087d10eeaed0bedf43..a8282aa69e00292bec986722c5230ff89f96f450:/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 new file mode 100644 index 000000000..0148ed64b --- /dev/null +++ b/src/wolnelektury/static/2022/styles/layout/_navigation.scss @@ -0,0 +1,55 @@ +.l-navigation { + max-width: 100%; + margin: 0 auto; + background-color: #083F4D; + padding: 12px 0; + display: flex; + align-items: center; + justify-content: space-between; + + .l-container { + display: flex; + align-items: center; + justify-content: space-between; + } +} + +.l-navigation__button { + appearance: none; + border: 0; + background: 0; + padding: 0; + margin: 0; + outline: 0; +} + +.l-naviagion__search { + width: 60%; + max-width: 580px; + margin-left: 60px; + margin-right: auto; + + input { + font-family: $base-font; + font-size: 18px; + font-style: italic; + border: 0; + padding: 10px; + border-radius: 52px; + width: 100%; + max-width: 580px; + outline: 0; + } +} + +.l-navigation__actions { + display: flex; + align-items: center; + justify-content: center; + + .icon-liked { + color: #85C7CC; + font-size: 30px; + margin-right: 25px; + } +}