Skip to content

Commit 979bcce

Browse files
committed
Revert "Improve site legibility"
This reverts commit 53f946d. See #269
1 parent d79fdb3 commit 979bcce

File tree

3 files changed

+19
-8
lines changed

3 files changed

+19
-8
lines changed

_sass/_base.scss

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,9 @@ dl, dd, ol, ul, figure {
1515
*/
1616
body {
1717
font-family: $base-font-family;
18-
font-size: 1em;
18+
font-size: $base-font-size;
19+
line-height: $base-line-height;
20+
font-weight: 300;
1921
color: $text-color;
2022
background-color: $background-color;
2123
}
@@ -108,6 +110,9 @@ blockquote {
108110
color: $grey-color;
109111
border-left: 4px solid $grey-color-light;
110112
padding-left: $spacing-unit / 2;
113+
font-size: 18px;
114+
letter-spacing: -1px;
115+
font-style: italic;
111116

112117
> :last-child {
113118
margin-bottom: 0;

_sass/_layout.scss

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,9 @@
1717
}
1818

1919
.site-title {
20-
font-size: 150%;
21-
line-height: 4rem;
20+
font-size: 26px;
21+
line-height: 56px;
22+
letter-spacing: -1px;
2223
margin-bottom: 0;
2324
float: left;
2425

@@ -30,14 +31,15 @@
3031

3132
.site-nav {
3233
float: right;
33-
line-height: 4rem;
34+
line-height: 56px;
3435

3536
.menu-icon {
3637
display: none;
3738
}
3839

3940
.page-link {
4041
color: $text-color;
42+
line-height: $base-line-height;
4143

4244
// Gaps between nav items, but not on the first one
4345
&:not(:first-child) {
@@ -208,7 +210,9 @@
208210
}
209211

210212
.post-title {
211-
font-size: 200%;
213+
font-size: 42px;
214+
letter-spacing: -1px;
215+
line-height: 1;
212216

213217
@include media-query($on-laptop) {
214218
font-size: 36px;

css/main.scss

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,18 @@
66

77

88
// Our variables
9-
$base-font-family: sans-serif;
10-
$small-font-size: 87.5%;
9+
$base-font-family: Helvetica, Arial, sans-serif;
10+
$base-font-size: 16px;
11+
$small-font-size: $base-font-size * 0.875;
12+
$base-line-height: 1.5;
1113

1214
$spacing-unit: 30px;
1315

1416
$text-color: #111;
1517
$background-color: #fdfdfd;
1618
$brand-color: #2a7ae2;
1719

18-
$grey-color: #626262;
20+
$grey-color: #828282;
1921
$grey-color-light: lighten($grey-color, 40%);
2022
$grey-color-dark: darken($grey-color, 25%);
2123

0 commit comments

Comments
 (0)