_sass/hamilton/layout.scss in jekyll-theme-hamilton-1.0.0 vs _sass/hamilton/layout.scss in jekyll-theme-hamilton-1.1.0

- old
+ new

@@ -192,19 +192,26 @@ */ .post-header { padding-top: $spacing-unit * 2.5; padding-bottom: $spacing-unit * 2.5; margin-bottom: $spacing-unit * 2; + text-align: center; } .post-meta { @include relative-font-size(0.8); margin-bottom: $spacing-unit / 2; } -.post-tag { - margin-right: $spacing-unit / 2; +.post-tags { + .post-tag { + margin-right: $spacing-unit / 2; + } + + > :last-child { + margin-right: 0; + } } // About font sizes for h1-h6, refer to https://stackoverflow.com/a/6140504/13261366 .post-title, @@ -335,25 +342,54 @@ * Site footer */ .site-footer { border-top: 1px solid; padding: $spacing-unit 0; - text-align: center; @include relative-font-size(0.8); - .feed-subscribe { - font-weight: bold; - text-align: left; - .feed-icon { - margin-right: 0.3em; - } + p { + margin-bottom: $spacing-unit / 4; } +} +@media screen and (min-width: $on-medium) { + .footer-col-wrapper { + display: flex + } - .social-icons { - margin-bottom: $spacing-unit; + .footer-col { + width: calc(100% - (#{$spacing-unit} / 2)); + padding: 0 ($spacing-unit / 2); - .social-icon { - margin: 0.3em; + &:first-child { + padding-right: $spacing-unit / 2; + padding-left: 0; } + + &:last-child { + padding-right: 0; + padding-left: $spacing-unit / 2; + } + } +} + +.feed-subscribe { + font-weight: bold; + text-align: left; + .feed-icon { + margin-right: 0.3em; + } +} + +.contact-list { + list-style: none; + margin-left: 0; +} + +.social-icons { + text-align: center; + margin-top: $spacing-unit / 2; + + .social-icon { + margin: 0.3em; } }