Base CSS endorsing semantic HTML and design token usage
box-sizing: border-box
on *, ::before, ::after
border-style: solid
and border-width: 0
on on *, ::before, ::after
to allow adding a border with just a border-width
tab-size: 2
on html
to prevent overflow in code blocks-webkit-text-size-adjust: 100%
on html
to prevent erroneous text scaling in iOS Safarimargin: 0
on body
embed
and object
elements responsiveheight: auto
on canvas
display: none
when a hidden
attribute is presentpadding
, border
and background
on form controlsfont
and color
on form controlscolor
and text-decoration
on linksopacity: 1
and color: gray
on ::placeholder
to make Firefox styles consistenthr
border width and styleopinionated-base.css
to base.css
line-height: 1
on html
instead of body