Recently I was refactoring some CSS, and I found something like this code
snippet:
body {
font-family: sans-serif;
font-size: 14px;
line-height: 1.4;
}
h1 {
font-family: serif;
font-size: 36px;
font-weight: bold;
}
Ugh, I thought, why so many lines? Let's use the shorthand syntax! So I
refactored many instances of this code through