Skip to content

Instantly share code, notes, and snippets.

@DanCouper
Last active August 29, 2018 13:32
Show Gist options
  • Select an option

  • Save DanCouper/5fec8a7aea6852a96ed440731c43a3f5 to your computer and use it in GitHub Desktop.

Select an option

Save DanCouper/5fec8a7aea6852a96ed440731c43a3f5 to your computer and use it in GitHub Desktop.
Getting sick of the copy/paste/minify/copy/paste dance for this
/* Force the correct box-sizing property: */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
/* Remove margins/padding etc from everything: */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* Set the standard system font */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Form-specific overrides */
input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
box-shadow: 0;
font: inherit;
line-height: inherit;
margin: 0;
padding: 0;
outline: 0;
vertical-align: middle;
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
cursor: pointer;
width: auto;
}
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
text-align: left;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
user-select: none;
cursor: default;
}
textarea,
select[size],
select[multiple] {
height: auto;
}
textarea {
min-height: 40px;
overflow: auto;
resize: vertical;
width: 100%;
}
html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;box-shadow:0;font:inherit;line-height:inherit;margin:0;padding:0;outline:0;vertical-align:middle}button,input[type=reset],input[type=submit],input[type=button]{cursor:pointer;width:auto}input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=date],input[type=datetime],select,textarea{text-align:left}input[type=search]::-webkit-search-decoration{display:none}button[disabled],input[disabled],select[disabled],select[disabled] optgroup,select[disabled] option,textarea[disabled]{user-select:none;cursor:default}select[multiple],select[size],textarea{height:auto}textarea{min-height:40px;overflow:auto;resize:vertical;width:100%}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment