X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/eb2eb95bfbfe8c777c4192ea434a0e999edf3a51..9c2555ad140dca1c09cde628bd22aac811e05b7e:/src/wolnelektury/static/2022/styles/layout/_footer.scss diff --git a/src/wolnelektury/static/2022/styles/layout/_footer.scss b/src/wolnelektury/static/2022/styles/layout/_footer.scss index 5af842171..14becee95 100644 --- a/src/wolnelektury/static/2022/styles/layout/_footer.scss +++ b/src/wolnelektury/static/2022/styles/layout/_footer.scss @@ -4,6 +4,13 @@ margin: 0 auto; padding-top: 27px; padding-bottom: 38px; + + .l-container { + @include rwd(tablet) { + display: flex; + flex-direction: column; + } + } } .l-footer__row { @@ -11,6 +18,11 @@ align-items: center; justify-content: space-between; + @include rwd(tablet) { + align-items: flex-start; + flex-direction: column; + } + &:nth-child(1) { padding-bottom: 25px; border-bottom: 1px solid #007880; @@ -20,14 +32,25 @@ margin-top: 25px; div { + @include rwd(tablet) { + font-size: 14px; + } &:nth-child(1) { max-width: 315px; min-width: 270px; padding-right: 53px; border-right: 1px solid #007880; + @include rwd(tablet) { + border-right: 0; + min-width: 0; + margin-bottom: 20px; + } } &:nth-child(3) { max-width: 483px; + @include rwd(tablet) { + margin-top: 20px; + } } a { @@ -44,20 +67,32 @@ margin: 0; padding: 0; list-style: none; + @include rwd(tablet) { + margin-top: 20px; + } li { font-weight: normal; font-size: 21px; line-height: 150%; + @include rwd(tablet) { + font-size: 14px; + } } &:nth-of-type(1) { margin-left: 90px; margin-right: auto; + @include rwd(tablet) { + margin-left: 0; + } } &:nth-of-type(2) { margin-left: 10px; margin-right: auto; + @include rwd(tablet) { + margin-left: 0; + } } &.teal {