gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update react-toolbox CSS to be a full copy.

Browse Source
This commit is contained in:
Caleb 2017-10-02 15:06:21 -06:00
parent 8ebfd675ba
commit 5bb9784807
1 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/react-toolbox-global.css
View File

@ -10,15 +10,17 @@
} }
& body { & body {
position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: Roboto, sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
-webkit-touch-callout: none; -webkit-touch-callout: none;
* { }
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); & body * {
} -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
} }
& a, & abbr, & address, & article, & aside, & audio, & b, & blockquote, & body, & caption, & cite, & a, & abbr, & address, & article, & aside, & audio, & b, & blockquote, & body, & caption, & cite,
@ -41,7 +43,7 @@
& a { & a {
text-decoration: none; text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;
} }
& input:not([type="checkbox"]):not([type="radio"]), & input:not([type="checkbox"]):not([type="radio"]),
@ -59,35 +61,43 @@
& h1, & h2, & h3, & h4, & h5, & h6, & label, & p, & button, & abbr, & a, & span, & small { & h1, & h2, & h3, & h4, & h5, & h6, & label, & p, & button, & abbr, & a, & span, & small {
font-smoothing: antialiased; font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-size-adjust: 100%; text-size-adjust: 100%;
} }
& h1 small, & h2 small, & h3 small, & h4 small, & h5 small, & h6 small { & h1 small, & h2 small, & h3 small, & h4 small, & h5 small, & h6 small {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 5.6rem; font-size: 5.6rem;
font-weight: 400; font-weight: 400;
line-height: 1.35; line-height: 1.35;
letter-spacing: -.02em;
opacity: .54; opacity: .54;
} }
& h1 { & h1 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 5.6rem; font-size: 5.6rem;
font-weight: 400; font-weight: 400;
line-height: 1.35; line-height: 1.35;
letter-spacing: -.02em;
} }
& h2 { & h2 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 4.5rem; font-size: 4.5rem;
font-weight: 400; font-weight: 400;
line-height: 4.8rem; line-height: 4.8rem;
} }
& h3 { & h3 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 3.4rem; font-size: 3.4rem;
font-weight: 400; font-weight: 400;
line-height: 4rem; line-height: 4rem;
} }
& h4 { & h4 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 2.4rem; font-size: 2.4rem;
font-weight: 400; font-weight: 400;
line-height: 3.2rem; line-height: 3.2rem;
@ -95,20 +105,25 @@
} }
& h5 { & h5 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 2rem; font-size: 2rem;
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
letter-spacing: .02em;
} }
& h6 { & h6 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
font-weight: 400; font-weight: 400;
line-height: 2.4rem; line-height: 2.4rem;
letter-spacing: .04em;
} }
& p { & p {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: 400; font-weight: 400;
line-height: 2.4rem; line-height: 2.4rem;
letter-spacing: 0;
} }
} }