aboutsummaryrefslogtreecommitdiff
path: root/sass/include/_typography.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sass/include/_typography.scss')
-rw-r--r--sass/include/_typography.scss51
1 files changed, 26 insertions, 25 deletions
diff --git a/sass/include/_typography.scss b/sass/include/_typography.scss
index f9f0caa..256dd90 100644
--- a/sass/include/_typography.scss
+++ b/sass/include/_typography.scss
@@ -6,44 +6,45 @@ h4,
h5,
h6 {
padding-left: 0;
- color: var(--f2);
+ color: var(--f2);
margin-bottom: var(--s1);
- margin-top: var(--s2);
+ margin-top: var(--s2);
font-weight: var(--fh);
font-size: var(--fs);
+ line-height: var(--lhh);
}
h1 {
- font-size: 2rem;
+ font-size: 2rem;
}
h2 {
- font-size: 1.75rem;
+ font-size: 1.75rem;
}
h3 {
- font-size: 1.5rem;
+ font-size: 1.5rem;
}
h4 {
- font-size: 1.25rem;
+ font-size: 1.25rem;
}
h5 {
- font-size: 1.125rem;
+ font-size: 1.125rem;
}
header h1 {
- margin-top: 0;
+ margin-top: 0;
}
a {
- color: var(--a1);
- text-decoration: none;
+ color: var(--a1);
+ text-decoration: none;
}
a:hover {
color: var(--a2);
- text-decoration: underline;
+ text-decoration: underline;
}
h1 a, h2 a, main nav a {
color: var(--f2);
text-decoration:none;
&:hover {
- color: var(--a3);
- text-decoration: none;
+ color: var(--a3);
+ text-decoration: none;
}
}
article {
@@ -63,33 +64,33 @@ mark {
background-color: var(--c4);
color: var(--c1);
vertical-align: baseline;
- padding: .1rem .4rem;
+ padding: .1rem .4rem;
}
blockquote {
- margin-left: 0;
- padding: .5rem 0 .5rem 1.5rem;
- border-left: .25rem solid var(--c3);
+ margin-left: 0;
+ padding: .5rem 0 .5rem 1.5rem;
+ border-left: .25rem solid var(--c3);
}
blockquote > :last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
small {
- font-size: .875rem;
+ font-size: .875rem;
}
/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
- font-size: .75em;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
+ font-size: .75em;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
}
sub {
- bottom: -.25em;
+ bottom: -.25em;
}
sup {
- top: -.5em;
+ top: -.5em;
}
address,