Skip to content

Instantly share code, notes, and snippets.

@blackfalcon
Created October 16, 2015 22:52
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 blackfalcon/5a8615af25144e47f97a to your computer and use it in GitHub Desktop.
Save blackfalcon/5a8615af25144e47f97a to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$colors: (
black: rgb(45, 45, 45),
yellow: rgb(247, 214, 25)
) !default;
$black: rgb(45, 45, 45) !default;
$white: rgb(255, 255, 255) !default;
$red: rgb(227, 61, 81) !default;
$yellow: rgb(247, 214, 25) !default;
$green: rgb(118, 189, 34) !default;
$blue: rgb(0, 154, 191) !default;
$gray1: tint($black, 20%) !default;
$gray2: tint($black, 53%) !default;
$gray3: tint($black, 75%) !default;
$gray4: tint($black, 90%) !default;
$gray5: tint($black, 95%) !default;
$gray6: tint($black, 97%) !default;
@function icon-color($color: gray) {
@if $color == red {
@return shade($red, 10%);
}
@else if $color == yellow {
$var: shade($yellow, 20%);
@return $var;
}
@else if $color == green {
@return shade($green, 10%);
}
@else if $color == blue {
@return shade($blue, 10%);
}
@else if $color == gray {
@return $gray3;
}
}
block {
color: icon-color(yellow);
color: map-get($colors, yellow);
}
block {
color: shade(#f7d619, 20%);
color: #f7d619;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment