Posted By

eklemen on 03/25/14

Tagged

Versions (?)

Last Edited at 03/25/14 01:44am

Statistics

Viewed 1013 times

Favorited by 0 user(s)

Related snippets

rgba fallback for any attribute

/ Published in: SASS

rgba fallback for any attribute

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

// Source: http://thesassway.com/intermediate/mixins-for-semi-transparent-colors
// example use:
// @include alpha-attribute(color, rgba($lt-blue1, .9), #fff);
@mixin alpha-attribute($attribute, $color, $background) {
  $percent: alpha($color) * 100%;
  $opaque: opacify($color, 1);
  $solid-color: mix($opaque, $background, $percent);
  #{$attribute}: $solid-color;
  #{$attribute}: $color;
}

Report this snippet Tweet