Adjust line-height to calculated value
This commit is contained in:
parent
5ddf6267c3
commit
20ddc029fd
10
reset.css
10
reset.css
@ -24,9 +24,9 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Remove default margin
|
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
line-height: calc(1em + 0.5rem); // Calculate optimal line-height (This may break things; see https://www.joshwcomeau.com/css/custom-css-reset/#three-tweaking-line-height-4)
|
||||||
|
margin: 0; // Remove default margin
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -42,15 +42,9 @@ blockquote {
|
|||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
line-height: 1.5; // Add accessible line-height
|
|
||||||
-webkit-font-smoothing: antialiased; // Improve text rendering for modern high-dpi screens
|
-webkit-font-smoothing: antialiased; // Improve text rendering for modern high-dpi screens
|
||||||
}
|
}
|
||||||
|
|
||||||
// Reasonable line-height for headings
|
|
||||||
h1, h2, h3 {
|
|
||||||
line-height: 1.2;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Improve media defaults
|
// Improve media defaults
|
||||||
img, picture, video, canvas, svg {
|
img, picture, video, canvas, svg {
|
||||||
display: block;
|
display: block;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user