Skip to content

Instantly share code, notes, and snippets.

@fusionstrings
Created July 11, 2014 07:29
Show Gist options
  • Save fusionstrings/76df3e87e935f4c4b986 to your computer and use it in GitHub Desktop.
Save fusionstrings/76df3e87e935f4c4b986 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="div1"></div><br><br>
<div class="div2"></div>
// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// ----
$baseColor: rgba(225,202,11,1);//#ffde05;
$colorR: red($baseColor);
$colorG: green($baseColor);
$colorB: blue($baseColor);
$colorA: alpha($baseColor);
$baseColor2: adjust-color($baseColor, $red:-30, $green:-150, $blue:+7);//rgba(0,0,0,1);
$colorR2: red($baseColor2);
$colorG2: green($baseColor2);
$colorB2: blue($baseColor2);
$colorA2: alpha($baseColor2);
.div1, .a{
background: $baseColor;
&:before{
content:$colorR + ', '+ $colorG + ', ' + $colorB + ', '+ $colorA;
}
}
.div2{
background: $baseColor2;
color: white;
&:after{
content:$colorR2 + ', '+ $colorG2 + ', ' + $colorB2 + ', '+ $colorA2;
}
}
.div1, .a {
background: #e1ca0b;
}
.div1:before, .a:before {
content: "225, 202, 11, 1";
}
.div2 {
background: #c33412;
color: white;
}
.div2:after {
content: "195, 52, 18, 1";
}
<div class="div1"></div><br><br>
<div class="div2"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment