Skip to content

Instantly share code, notes, and snippets.

@jonwinton
Created March 31, 2016 16:04
Show Gist options
  • Select an option

  • Save jonwinton/37f8cd0922b7ab6487adb6737debe67c to your computer and use it in GitHub Desktop.

Select an option

Save jonwinton/37f8cd0922b7ab6487adb6737debe67c to your computer and use it in GitHub Desktop.
/**
* A simple module for abstracting styling away
* from a specific heading element. Add modifiers
* for color, font-weight, etc. as you need them.
*
* Need More sizes? Add more. Just don't style an
* element contextually, leverage a CSS module/object/thing
*/
.hdg {
font-family: Arial, sans-serif;
font-weight: bold;
}
.hdg_1 {
font-size: 5em;
}
.hdg_2 {
font-size: 4em;
}
.hdg_3 {
font-size: 3.5em;
}
.hdg_4 {
font-size: 3em;
}
.hdg_5 {
font-size: 2em;
}
.hdg_6 {
font-size: 1.5em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment