diff --git a/assets/scss/_common/list.scss b/assets/scss/_common/list.scss index 84d849c7..5bf5818a 100644 --- a/assets/scss/_common/list.scss +++ b/assets/scss/_common/list.scss @@ -21,6 +21,7 @@ margin-top: 1em; padding-bottom: 0.5em; display: flex; + justify-content: space-between; align-items: baseline; &:hover { border-bottom-color: var(--color-primary); diff --git a/assets/scss/_common/minimal-footer-about.scss b/assets/scss/_common/minimal-footer-about.scss index 614723ef..cb980027 100644 --- a/assets/scss/_common/minimal-footer-about.scss +++ b/assets/scss/_common/minimal-footer-about.scss @@ -2,6 +2,8 @@ font-size: 80%; margin-top: ($fontSize * 5); display: flex; + justify-content: space-between; + align-items: baseline; line-height: 2; a { display: inline-block; @@ -12,8 +14,6 @@ } } -.about-socials { - flex: 1; - margin-right: 2em; - width: 42%; +.about-socials, .about-links { + max-width: 42%; } diff --git a/assets/scss/_common/minimal-footer.scss b/assets/scss/_common/minimal-footer.scss index ef3203ee..9d1e58a3 100644 --- a/assets/scss/_common/minimal-footer.scss +++ b/assets/scss/_common/minimal-footer.scss @@ -2,23 +2,22 @@ font-size: 80%; margin-top: ($fontSize * 5); display: flex; + justify-content: space-between; + align-items: baseline; line-height: 2; } -.post-tag { - flex: 1; - margin-right: 2em; - width: 50%; +.post-tag, .post-category { + max-width: 42%; } .post-category { - max-width: 50%; .active { color: var(--color-contrast-high); } } -.post-tag-link { +.post-tag-link, .post-category-link { display: inline-block; } diff --git a/assets/scss/_common/responsive.scss b/assets/scss/_common/responsive.scss index 11ec4356..15429400 100644 --- a/assets/scss/_common/responsive.scss +++ b/assets/scss/_common/responsive.scss @@ -27,12 +27,10 @@ $maxWidth: $fontSize * (strip-unit($smallerWidth) + 5); } .menu { display: flex; + justify-content: space-around; + word-break: break-all; } .menu-item { - flex: 1; margin: 0; } - .menu-item-name { - display: block !important; - } } \ No newline at end of file diff --git a/assets/scss/_common/sw-notification.scss b/assets/scss/_common/sw-notification.scss index 1579f585..32889a6d 100644 --- a/assets/scss/_common/sw-notification.scss +++ b/assets/scss/_common/sw-notification.scss @@ -13,11 +13,10 @@ } .app-refresh-wrap { display: flex; + justify-content: space-between; + align-items: baseline; color: #fff; } -.app-refresh-wrap label { - flex: 1; -} .app-refresh-show { height: 3em; } diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 5f7360e5..a90576fa 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -230,9 +230,6 @@ @import "_common/list.scss"; {{ if eq .Site.Params.listDatePosition "right" }} - .list-item-title { - flex: 1; - } .list-item-time { margin-left: 1em; } @@ -241,9 +238,6 @@ .list-item { flex-direction: row-reverse; } - .list-item-time { - flex: 1; - } .list-item-title { text-align: right; margin-left: 1em;