X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/eb2eb95bfbfe8c777c4192ea434a0e999edf3a51..9d763695198b109f00b5d88a5cfe0190871271aa:/src/wolnelektury/static/2022/styles/layout/_footer.scss?ds=inline diff --git a/src/wolnelektury/static/2022/styles/layout/_footer.scss b/src/wolnelektury/static/2022/styles/layout/_footer.scss index 5af842171..046cc5adb 100644 --- a/src/wolnelektury/static/2022/styles/layout/_footer.scss +++ b/src/wolnelektury/static/2022/styles/layout/_footer.scss @@ -4,12 +4,27 @@ margin: 0 auto; padding-top: 27px; padding-bottom: 38px; + + .l-container { + display: flex; + flex-direction: column; + @include rwd($break-footer) { + display: block; + } + } } .l-footer__row { display: flex; - align-items: center; - justify-content: space-between; + + align-items: flex-start; + flex-direction: column; + + @include rwd($break-footer) { + flex-direction: row; + align-items: center; + justify-content: space-between; + } &:nth-child(1) { padding-bottom: 25px; @@ -17,17 +32,33 @@ } &:nth-child(2) { - margin-top: 25px; + margin-top: 25px; + column-gap: 20px; div { + font-size: 14px; + @include rwd($break-footer) { + font-size: unset; + } &:nth-child(1) { max-width: 315px; - min-width: 270px; padding-right: 53px; - border-right: 1px solid #007880; + + border-right: 0; + min-width: 0; + margin-bottom: 20px; + @include rwd($break-footer) { + min-width: 270px; + border-right: 1px solid #007880; + margin-bottom: 0; + } } &:nth-child(3) { max-width: 483px; + margin-top: 20px; + @include rwd($break-footer) { + margin-top: 0; + } } a { @@ -41,23 +72,35 @@ } ul { - margin: 0; padding: 0; list-style: none; + margin-top: 20px 0 0 0; + @include rwd($break-footer) { + margin: 0; + } li { font-weight: normal; - font-size: 21px; + font-size: 14x; line-height: 150%; + @include rwd($break-footer) { + font-size: 21px; + } } &:nth-of-type(1) { - margin-left: 90px; + margin-left: 0; margin-right: auto; + @include rwd($break-footer) { + margin-left: 90px; + } } &:nth-of-type(2) { - margin-left: 10px; + margin-left: 0; margin-right: auto; + @include rwd($break-footer) { + margin-left: 10px; + } } &.teal {