X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/592c9401b18118e01de250d44878b9289b138f9c..69b3160d482d2bf4ce89b5a4368e7435cef85fc0:/src/wolnelektury/static/2022/styles/components/_lang.scss diff --git a/src/wolnelektury/static/2022/styles/components/_lang.scss b/src/wolnelektury/static/2022/styles/components/_lang.scss index 7ca9114cb..ef5d7bc7f 100644 --- a/src/wolnelektury/static/2022/styles/components/_lang.scss +++ b/src/wolnelektury/static/2022/styles/components/_lang.scss @@ -1,11 +1,18 @@ .c-lang { position: absolute; - top: 23px; - margin-right: 217px; + top: 11px; + + width: 150px; + right: 50px + 16px; opacity: 0; pointer-events: none; transition: opacity 350ms $ease-out; z-index: $master-layer + 1; + display: none; + + @include rwd($break-menu) { + display: block; + } &.is-open { .c-lang__button { @@ -48,10 +55,20 @@ opacity: 0; transition: all 350ms $ease-out; pointer-events: none; - a { + display: flex; + flex-direction: column; + + button { display: block; padding: 9px 20px; color: #474747; + background-color: transparent; + border: 0; + cursor: pointer; + font-family: "Source Sans Pro"; + font-size: 16px; + line-height: 18.4px; + text-align: left; &:hover { background-color: #EDAA00; @@ -62,4 +79,4 @@ background-color: #EDAA00; } } -} \ No newline at end of file +}