Skip to content

Instantly share code, notes, and snippets.

@cmalven
Created February 11, 2015 17:22
Show Gist options
  • Save cmalven/8a0a26d46985c1145ef4 to your computer and use it in GitHub Desktop.
Save cmalven/8a0a26d46985c1145ef4 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.1.0-beta)
// ----
$base-colors: (
red: #ea1c2c,
drkred: #5b0411,
ltred: #e28a91,
blue: #2daae1,
drkblue: #2596c7,
drkrblue: #123341,
reverse: #fff,
navy: #225164,
grey: #8e8d8d,
bordergrey: #e6e6e6,
drkgrey: #2a2e32,
drkstgrey: #131111,
black: #000,
footergrey: #4d4c4d,
drophover: #cbecf4,
dev-log: #113240
);
$tint-colors: (
ltnavy: tint(map-get($base-colors, navy), 3),
darknavy: darken(map-get($base-colors, navy), 10),
coolgray: tint(map-get($base-colors, navy), 20),
softgray: tint(map-get($base-colors, navy), 35),
fadedgray: tint(map-get($base-colors, navy), 90),
ltblue: tint(map-get($base-colors, blue), 40),
ltgrey: tint(#000, 92),
ltrgrey: tint(#000, 98)
);
$colors: map-merge($base-colors, $tint-colors);
@function color($color) {
@return map-get($colors, $color);
}
body {
background-color: fade-out(color(red), 0.5);
}
body {
background-color: rgba(234, 28, 44, 0.5); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment