Skip to content

Instantly share code, notes, and snippets.

@illycz
Created June 18, 2014 20:34
Show Gist options
  • Save illycz/036d74e1ea16e95daab4 to your computer and use it in GitHub Desktop.
Save illycz/036d74e1ea16e95daab4 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
// When we give an element some ‘attention’.
@mixin attention() {
&:hover,
&:active,
&:focus {
@content;
}
}
a {
font-weight: bold;
text-decoration: none;
color: #c00;
@include attention() {
outline: none;
color: #09f;
}
}
.btn {
background-color: #09f;
@include attention() {
background-color: darken(#09f, 10%);
}
}
a {
font-weight: bold;
text-decoration: none;
color: #c00;
}
a:hover, a:active, a:focus {
outline: none;
color: #09f;
}
.btn {
background-color: #09f;
}
.btn:hover, .btn:active, .btn:focus {
background-color: #007acc;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment