Skip to content

Instantly share code, notes, and snippets.

@zaydek-old
Last active August 22, 2019 00:44
Show Gist options
  • Save zaydek-old/7dce503503ca38aa0b822ac7f822998a to your computer and use it in GitHub Desktop.
Save zaydek-old/7dce503503ca38aa0b822ac7f822998a to your computer and use it in GitHub Desktop.
An experimental CSS reset that resets all styles to the equivalent of none, adds antialiasing and text-size-adjust for mobile browsers, and consistent box-sizing and a fix for contenteditable elements.
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
* { all: unset; }
head, style, script { display: none; }
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
[contenteditable="true"] { -webkit-user-modify: read-write; }
address,
article,
aside,
audio,
blockquote,
body,
canvas,
caption,
colgroup,
datalist,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
iframe,
legend,
li,
main,
map,
meter,
nav,
noframes,
object,
ol,
optgroup,
option,
p,
pre,
progress,
ruby,
section,
select,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul,
video {
display: block;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment