diff --git a/themes/maik-blog/assets/scss/_footer.scss b/themes/maik-blog/assets/scss/_footer.scss index 6510c27..07ab28a 100644 --- a/themes/maik-blog/assets/scss/_footer.scss +++ b/themes/maik-blog/assets/scss/_footer.scss @@ -18,32 +18,60 @@ &__content { display: flex; - flex-direction: row; + flex-direction: column; align-items: center; font-size: 1rem; color: $light-color-secondary; - @media #{$media-size-tablet} { - flex-direction: column; - margin-top: 10px; - } - - &>*:not(:last-child)::after { - content: "•"; - padding: 0 5px; + &__section { + display: flex; + flex-direction: row; + align-items: center; + padding: 5px; @media #{$media-size-tablet} { - content: ""; - padding: 0; + margin-top: 10px; } - } - &>*:last-child { - padding: 0 5px; + &.regular { + @media #{$media-size-tablet} { + flex-direction: column; + } + &>*:not(:last-child)::after { + content: "•"; + padding: 0 5px; - @media #{$media-size-tablet} { - padding: 0; + @media #{$media-size-tablet} { + content: ""; + padding: 0; + } + } + + &>*:last-child { + padding: 0 5px; + + @media #{$media-size-tablet} { + padding: 0; + } + } + } + + &.donations { + white-space: nowrap; + overflow-x: scroll; + max-width: 600px; + position: relative; + + @media #{$media-size-tablet} { + max-width: 180px; + } + + .wallet { + .name { + font-weight: 700; + } + } } } } -} \ No newline at end of file +} diff --git a/themes/maik-blog/layouts/partials/footer.html b/themes/maik-blog/layouts/partials/footer.html index aefeb0c..5556654 100644 --- a/themes/maik-blog/layouts/partials/footer.html +++ b/themes/maik-blog/layouts/partials/footer.html @@ -1,21 +1,26 @@ \ No newline at end of file +