update font and about page

This commit is contained in:
Pat Dryburgh
2018-07-31 10:08:53 -07:00
parent 7846ac8845
commit 3427bd6ffc
14 changed files with 733 additions and 19 deletions

View File

@ -2,7 +2,7 @@ article > * {
margin-left: auto;
margin-right: auto;
max-width: 36rem;
padding: 0 $spacing-unit;
padding: 0 1em;
}
article > h1 {
@ -40,7 +40,7 @@ article p > img {
.back-link {
display: inline-block;
font-size: .75em;
padding: $spacing-unit;
padding: 1em;
text-decoration: none;
text-transform: uppercase;
}

View File

@ -1,6 +1,6 @@
body {
color: $text-color;
font-family: Garamond, "Times New Roman", serif;
font-family: "EB Garamond", Garamond, "Times New Roman", serif;
font-size: 1.3125em;
line-height: 1.325;
}
@ -62,20 +62,19 @@ p > cite {
hr {
border: 0;
height: 0;
margin: 4em 0 4.5em;
&:after {
@include divider;
}
@include divider;
margin: 4em 0;
}
.divided:after {
.divided::after {
content: "";
@include divider;
}
.home {
max-width: 24em;
margin: auto;
padding: ($spacing-unit * 4) $spacing-unit;
padding: 4em 1em;
}
.home h1 {

13
_sass/_font.scss Normal file
View File

@ -0,0 +1,13 @@
/* eb-garamond-regular - latin */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400;
src: url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.eot'); /* IE9 Compat Modes */
src: local('EB Garamond Regular'), local('EBGaramond-Regular'),
url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

View File

@ -2,7 +2,7 @@
background: $brand-color;
box-sizing: border-box;
min-height: 100vh;
padding: $spacing-unit * 2;
padding: 2em;
position: relative;
display: flex;

View File

@ -1,8 +1,8 @@
@mixin divider {
content: "";
border: 0;
display: block;
width: 152px;
height: 12px;
margin: .5em auto 0;
background-image: url(#{$asset_url}/images/divider.svg);
background: url(#{$asset_url}/images/divider.svg) no-repeat top center;
}

View File

@ -2,8 +2,6 @@ $brand-color: #f2e300;
$text-color: #0b0404;
$muted-text-color: #79785b;
$spacing-unit: 1rem;
$on-bigphone: 375px;
$on-tablet: 768px;
$on-laptop: 928px;