_sass/hamilton/layout.scss in jekyll-theme-hamilton-3.1.0 vs _sass/hamilton/layout.scss in jekyll-theme-hamilton-4.0.0
- old
+ new
@@ -236,14 +236,20 @@
.feed-subscribe {
font-weight: bold;
text-align: left;
}
-.contact-list {
+ul.contact-list {
list-style: none;
margin-left: 0;
margin-bottom: 0;
+
+ li {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
}
ul.social-icons {
list-style: none;
margin-left: 0;
@@ -254,11 +260,11 @@
margin: 0.3em;
}
}
.author-avatar {
- width: $base-font-size * 9;
+ width: $base-font-size * 8;
height: auto;
border-radius: 50%;
}
/**
@@ -297,10 +303,11 @@
.home {
margin-top: $spacing-unit;
}
.post-list {
+ font-family: $headline-font-family;
margin-left: 0;
padding-left: 0;
list-style: none;
li {
@@ -417,12 +424,12 @@
// About font sizes for h1-h6, refer to https://stackoverflow.com/a/6140504/13261366
.post-title,
.post-content h1 {
- font-family: $display-font-family;
@include relative-font-size(1.8);
+ font-family: $headline-font-family;
font-weight: bold;
letter-spacing: -1px;
line-height: $base-line-height * $base-font-size * 2;
@media screen and (min-width: $on-large) {
@@ -433,16 +440,16 @@
.post-content {
font-family: $reading-font-family;
margin-bottom: $spacing-unit;
h2, h3, h4, h5, h6 {
- font-family: $base-font-family;
+ font-family: $headline-font-family;
}
- h2 { margin-top: $spacing-unit * 2 }
- h3, h4 { margin-top: $spacing-unit * 1.5 }
- h5, h6 { margin-top: $spacing-unit }
+ h2 { margin-top: $spacing-unit * 2 }
+ h3 { margin-top: $spacing-unit * 1.5 }
+ h4, h5, h6 { margin-top: $spacing-unit }
h2 {
@include relative-font-size(1.4);
@media screen and (min-width: $on-large) {
@@ -462,9 +469,22 @@
@include relative-font-size(0.83);
}
h6 {
@include relative-font-size(0.75);
+ }
+
+ li {
+ margin-bottom: $spacing-unit / 3;
+
+ > ul,
+ > ol {
+ margin-top: $spacing-unit / 3;
+ }
+
+ p, blockquote, pre, figure, iframe, %vertical-rhythm {
+ margin-bottom: $spacing-unit / 3;
+ }
}
}
/**
* Taxonomies