_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;
}
}