Skip to content

Instantly share code, notes, and snippets.

@RyanRoberts
Created January 21, 2014 17:18
Show Gist options
  • Select an option

  • Save RyanRoberts/8544143 to your computer and use it in GitHub Desktop.

Select an option

Save RyanRoberts/8544143 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="thing"></div>
<div class="thing thing--saturate"></div>
<div class="thing thing--scale-saturation"></div>
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@import compass
$color: #843d85
.thing
float: left
width: 25%
height: 0
padding-top: 25%
background-color: $color
.thing--saturate
background-color: saturate($color, 50%)
.thing--scale-saturation
background-color: scale-saturation($color, 50%)
.thing {
float: left;
width: 25%;
height: 0;
padding-top: 25%;
background-color: #843d85;
}
.thing--saturate {
background-color: #b30db6;
}
.thing--scale-saturation {
background-color: #a21fa4;
}
<div class="thing"></div>
<div class="thing thing--saturate"></div>
<div class="thing thing--scale-saturation"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment