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;
|
||||
}
|
||||
|
||||
// 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 {
|
||||
line-height: 1.5; // Add accessible line-height
|
||||
-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
|
||||
img, picture, video, canvas, svg {
|
||||
display: block;
|
||||
|
Loading…
x
Reference in New Issue
Block a user