Skip to content

Commit bc63ef0

Browse files
committed
Added a base typography file, to reset default heading styling.
1 parent 0d8b400 commit bc63ef0

File tree

2 files changed

+33
-2
lines changed

2 files changed

+33
-2
lines changed

sass/base/typography.scss

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
/* HEADERS
2+
* Always try to use .head class + .head1-6 for SEO reasons
3+
* Only style on h1-h6 for user placable (free) content blocks.
4+
*/
5+
6+
h1,
7+
h2,
8+
h3,
9+
h4,
10+
h5,
11+
h6,
12+
.head,
13+
.head1,
14+
.head2,
15+
.head3,
16+
.head4,
17+
.head5,
18+
.head6 {
19+
margin: 0 0 .8rem;
20+
line-height: 1.3;
21+
font-size: 2.4rem;
22+
font-weight: 500;
23+
}
24+
25+
h1, .head1 { font-size: 3.0rem; margin-bottom: .2rem; }
26+
h2, .head2 { font-size: 2.6rem; margin-bottom: .3rem; }
27+
h3, .head3 { font-size: 2.4rem; margin-bottom: .2rem; }
28+
h4, .head4 { font-size: 2.2rem; margin-bottom: .2rem; }
29+
h5, .head5 { font-size: 2.0rem; margin-bottom: .4rem; }
30+
h6, .head6 { font-size: 1.6rem; font-weight: bold; }

sass/main.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
@import 'layout/static_content';
77

88
/* Base
9-
These base files here so they overwrite the grid
9+
These base files here so they overwrite the grid
1010
*/
11-
@import 'base/defaults';
11+
@import 'base/defaults';
12+
@import 'base/typography';

0 commit comments

Comments
 (0)