Skip to content

Instantly share code, notes, and snippets.

@solarsailer

solarsailer/globals.css

Last active December 6, 2016 10:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save solarsailer/b58d26924c4998151d0fef33e62bbc95 to your computer and use it in GitHub Desktop.
Save solarsailer/b58d26924c4998151d0fef33e62bbc95 to your computer and use it in GitHub Desktop.
Download ZIP
CSS globals.
Raw
globals.css
@charset "UTF-8";
/* ---------------------------------------------------------- *\
* # Globals
\* ---------------------------------------------------------- */
/**
* Box-model:
* 1. Change default box-model to border-box.
* 2. All elements will inherit from the <html> box-model.
*/
html {
box-sizing: border-box; /* 1 */
}
*,
*::before,
*::after {
box-sizing: inherit; /* 2 */
}
/**
* Typography:
* 1. Change default typography (10px, 140% line-height, sans-serif).
* 2. Set a flexible font-size on the document (1.5em, ie. 15px).
*/
html {
font: 62.5%/1.4 Verdana, sans-serif; /* 1 */
}
body {
font-size: 1.5em; /* 2 */
}
/**
* Full-viewport body.
*/
body {
position: relative;
min-height: 100vh;
margin: 0;
}
/**
* Colors:
* 1. Content.
* 2. Overscroll.
* 3. Document background.
* 4. Selection.
*/
html {
color: black; /* 1 */
background: tomato; /* 2 */
}
body {
background: white; /* 3 */
}
::selection { /* 4 */
color: white;
background: tomato;
}
/* ---------------------------------------------------------- *\
* # App
\* ---------------------------------------------------------- */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment