Browse Source

Typography: new fonts, larger sizes, better spacing (#1)

restyle-spring-2019
Annika Backstrom 1 year ago
parent
commit
2941c895c4

+ 1
- 2
assets/css/_archive.scss View File

@@ -5,9 +5,8 @@ body.archive {
}

h2 {
text-shadow: none;
background: none;
font-weight: bold;
border-bottom: none;
}



+ 4
- 10
assets/css/_content.scss View File

@@ -1,14 +1,4 @@
.content {
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $heading-font;
line-height: 125%;
}

h1 {
margin: 0 0 0.7em;

@@ -18,6 +8,10 @@
}
}

h2 {
border-bottom: 1px solid #bbb;
}

p.right {
margin-left: 1ex;
}

+ 7
- 3
assets/css/_elements.scss View File

@@ -16,7 +16,7 @@ body {

font: {
family: $body-font;
size: 100%/1.4;
size: $font-size-base;
}
}

@@ -43,6 +43,8 @@ h3,
h4,
h5 {
font-weight: normal;
font-family: $heading-font;
line-height: 125%;
}

h1 {
@@ -53,7 +55,6 @@ h2 {
font-size: $font-size-base * 1.4;
margin: 1em 0 0.5em;
font-weight: 500;
@include smart-underline(#fff, #444);
}

h3 {
@@ -79,12 +80,15 @@ a {

code {
background-color: $well-bg;
font: {
family: $code-font;
style: normal;
}
}

pre {
font: {
family: $code-font;
size: 0.9em;
style: normal;
}


+ 4
- 1
assets/css/_footer.scss View File

@@ -1,6 +1,9 @@
footer {
border-top: 1px dotted #D6D6D6;
padding: 1ex 0;

margin-top: 1rem;
padding: 1rem 0;

font-size: 0.8em;

> p {

+ 4
- 5
assets/css/_header.scss View File

@@ -1,18 +1,18 @@
header {
display: flex;

font-size: 85%;
line-height: 50px;
line-height: 2em;
text-transform: lowercase;

margin-bottom: 3rem;
margin-bottom: 3em;

h1 {
margin: 0;
padding: 0;
font-size: 100%;
color: default;
flex: 1;
font-size: 1em;
line-height: inherit;

@include media("<tablet") {
display: none;
@@ -21,7 +21,6 @@ header {

a {
text-decoration: none;
font-size: 1rem;
}

nav {

+ 1
- 1
assets/css/_normalize.scss View File

@@ -9,7 +9,7 @@
*/

html {
line-height: 1.15; /* 1 */
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}


+ 4
- 4
assets/css/main.scss View File

@@ -10,10 +10,10 @@ $green: #40c517;
$link-color: hsl(205, 75%, 52%);
$link-color-alt: $text-color;

$body-font: Helvetica, sans-serif;
$heading-font: Baskerville, serif;
$code-font: Monaco, monospace;
$font-size-base: 16px;
$body-font: Palatino, serif;
$heading-font: Palatino, serif;
$code-font: "Ubuntu Mono", Monaco, monospace;
$font-size-base: 1.2em;

/* Libraries */
@import "include-media";

Loading…
Cancel
Save