Skip to content

Instantly share code, notes, and snippets.

@williamdodson
Last active January 4, 2016 17:09
Show Gist options
  • Save williamdodson/8651898 to your computer and use it in GitHub Desktop.
Save williamdodson/8651898 to your computer and use it in GitHub Desktop.
Refactored _flash.scss mixin for Bitters to allow for customizable text darkening amounts on text and links
/* replaces /bitters/mixins/_flash.scss */
@mixin flash(
$color,
$darken-text-amount: 50,
$darken-link-text-amount: 60,
$darken-link-text-hover-amount: 70
) {
background: $color;
color: darken($color, $darken-text-amount);
font-weight: bold;
margin-bottom: $base-line-height / 2;
padding: $base-line-height / 2;
a {
color: darken($color, $darken-link-text-amount);
&:hover {
color: darken($color, $darken-link-text-hover-amount);
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment