Skip to content

Instantly share code, notes, and snippets.

@douglasdeodato
Last active June 13, 2016 11:43
Show Gist options
  • Save douglasdeodato/09e64152c8f3a81f0bea794f88e29c39 to your computer and use it in GitHub Desktop.
Save douglasdeodato/09e64152c8f3a81f0bea794f88e29c39 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
element {
border: 1px solid #bd7575;
}
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
$grey: #999999;
$white: #ffffff;
$orange: #ff7f00;
$color-palettes: (
grey: (
xx-light : lighten($grey, 43%),
x-light : saturate($grey, 35%),
light : rgb(240,240,240),
base : $grey,
dark : darken($grey, 8%),
x-dark : desaturate($grey, 16%)
),
white: (
xx-light : rgba(255, 255, 255, 0.2),
base: $white
),
orange: (
light : rgb(255,215,175),
base : $orange
),
);
// Call the color palette modifiers in color values
@function palette($palette, $shade: 'base') {
@return map-get(map-get($color-palettes, $palette), $shade);
}
element {
border: 1px solid palette(grey, x-light);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment