Skip to content

Instantly share code, notes, and snippets.

@SimplGy
Created January 22, 2018 19:57
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 SimplGy/1d7de3f78c031e6e89063e23cdc04faf to your computer and use it in GitHub Desktop.
Save SimplGy/1d7de3f78c031e6e89063e23cdc04faf to your computer and use it in GitHub Desktop.
Utility colors for SCSS
// Lights (white as a transparency)
$light10: rgba(255, 255, 255, 0.10);
$light20: rgba(255, 255, 255, 0.20);
$light30: rgba(255, 255, 255, 0.30);
$light40: rgba(255, 255, 255, 0.40);
$light50: rgba(255, 255, 255, 0.50);
$light60: rgba(255, 255, 255, 0.60);
$light70: rgba(255, 255, 255, 0.70);
$light80: rgba(255, 255, 255, 0.80);
// Shades (black as a transparency)
$shade10: rgba(0, 0, 0, 0.10);
$shade20: rgba(0, 0, 0, 0.20);
$shade30: rgba(0, 0, 0, 0.30);
$shade40: rgba(0, 0, 0, 0.40);
$shade50: rgba(0, 0, 0, 0.50);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment