Skip to content

Instantly share code, notes, and snippets.

@Pickra
Last active March 18, 2022 20:34
Show Gist options
  • Save Pickra/361c2c28bd465bedb11d45fbaf8081a3 to your computer and use it in GitHub Desktop.
Save Pickra/361c2c28bd465bedb11d45fbaf8081a3 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
%placeholder {
display: inline-block;
&:hover{ color: darken(#FFFFFF, 10%); }
}
.class-a {
@extend %placeholder;
color: #000000;
}
.class-b {
@extend %placeholder;
color: red;
}
@mixin mixin {
display: inline-block;
&:hover{ color: darken(#FFFFFF, 10%); }
}
.class-c {
@include mixin;
color: purple;
}
.class-d {
@include mixin;
color: orange;
}
.class-a, .class-b {
display: inline-block;
}
.class-a:hover, .class-b:hover {
color: #e6e6e6;
}
.class-a {
color: #000000;
}
.class-b {
color: red;
}
.class-c {
display: inline-block;
color: purple;
}
.class-c:hover {
color: #e6e6e6;
}
.class-d {
display: inline-block;
color: orange;
}
.class-d:hover {
color: #e6e6e6;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment