_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