X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/a8282aa69e00292bec986722c5230ff89f96f450..6407cf24cd6cf3f9ea6fdf4a8924dad109a590e6:/src/wolnelektury/static/2022/styles/layout/_footer.scss?ds=sidebyside diff --git a/src/wolnelektury/static/2022/styles/layout/_footer.scss b/src/wolnelektury/static/2022/styles/layout/_footer.scss index 5af842171..fd4a53ad9 100644 --- a/src/wolnelektury/static/2022/styles/layout/_footer.scss +++ b/src/wolnelektury/static/2022/styles/layout/_footer.scss @@ -4,60 +4,102 @@ 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; - &:nth-child(1) { + align-items: flex-start; + flex-direction: column; + + @include rwd($break-footer) { + flex-direction: row; + align-items: center; + justify-content: space-between; + } + + a { + color: #85C7CC; + &:hover { + color: #85C7CC; + text-decoration: underline; + } + } + + &:nth-child(1) { padding-bottom: 25px; border-bottom: 1px solid #007880; + align-items: flex-start; } &: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; - } - - a { - color: #85C7CC; - &:hover { - color: #85C7CC; - text-decoration: underline; + margin-top: 20px; + @include rwd($break-footer) { + margin-top: 0; } } + } } 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: unset; + } } &:nth-of-type(1) { - margin-left: 90px; + margin-left: 0; margin-right: auto; } &:nth-of-type(2) { - margin-left: 10px; + margin-left: 0; margin-right: auto; + @include rwd($break-footer) { + margin-left: 10px; + } } &.teal {