Skip to content

Instantly share code, notes, and snippets.

@tech4him1
Last active October 2, 2017 16:27
Show Gist options
  • Select an option

  • Save tech4him1/b3fd7a693a2b5494a91ecd8a174485ad to your computer and use it in GitHub Desktop.

Select an option

Save tech4him1/b3fd7a693a2b5494a91ecd8a174485ad to your computer and use it in GitHub Desktop.
React Toolbox v1 CSS
html {
font-size: 62.5%;
}
body {
position: absolute;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-family: Roboto, sans-serif;
font-size: 1.6rem;
-webkit-touch-callout: none;
}
body * {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite,
code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1,
h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label,
legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span,
strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
padding: 0;
margin: 0;
border: 0;
outline: 0;
}
*, *:before, *:after {
box-sizing: border-box;
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, label, p, button, abbr, a, span, small {
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-size-adjust: 100%;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
input:not([type="checkbox"]):not([type="radio"]), button {
outline: none;
appearance: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input[required]:-moz-ui-invalid {
box-shadow: none;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 5.6rem;
font-weight: 400;
line-height: 1.35;
letter-spacing: -.02em;
opacity: .54;
}
h1 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 5.6rem;
font-weight: 400;
line-height: 1.35;
letter-spacing: -.02em;
}
h2 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 4.5rem;
font-weight: 400;
line-height: 4.8rem;
}
h3 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 3.4rem;
font-weight: 400;
line-height: 4rem;
}
h4 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 2.4rem;
font-weight: 400;
line-height: 3.2rem;
-moz-osx-font-smoothing: grayscale;
}
h5 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1;
letter-spacing: .02em;
}
h6 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 1.6rem;
font-weight: 400;
line-height: 2.4rem;
letter-spacing: .04em;
}
p {
font-size: 1.4rem;
font-weight: 400;
line-height: 2.4rem;
letter-spacing: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment