Skip to content

Instantly share code, notes, and snippets.

@finteractive
Last active August 29, 2015 14:27
Show Gist options
  • Save finteractive/149eed451d4aa0d756ea to your computer and use it in GitHub Desktop.
Save finteractive/149eed451d4aa0d756ea to your computer and use it in GitHub Desktop.
Understanding placeholder selectors (Generated by SassMeister.com)
// ----
// libsass (v3.2.5)
// ----
/*
Source: http://thesassway.com/intermediate/understanding-placeholder-selectors
Topic: Understanding placeholder selectors
*/
@mixin icon {
transition: background-color ease .2s;
margin: 0 .5em;
}
.error-icon {
@include icon;
/* error specific styles... */
}
.info-icon {
@include icon;
/* info specific styles... */
}
/*
Source: http://thesassway.com/intermediate/understanding-placeholder-selectors
Topic: Understanding placeholder selectors
*/
.error-icon {
transition: background-color ease 0.2s;
margin: 0 0.5em;
/* error specific styles... */
}
.info-icon {
transition: background-color ease 0.2s;
margin: 0 0.5em;
/* info specific styles... */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment