Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
<a class="pink-link" href="#">PINK</a>
<a class="blue-link" href="#">BLUE</a>
<div class="fb">Facebook</div>
<div class="twitter">Twitter</div>
<div class="instagram">Instagram</div>
// ----
// libsass (v3.2.5)
// ----
$primaryColor: #bada55;
a {
color: red;
background-color: pink;
transition-duration: 0.5s;
&:hover,
&:focus {
background-color: darken(pink, 10%);
}
}
%social {
padding: 20px;
margin-bottom: 10px;
border: 4px solid $primaryColor;
}
.fb {
@extend social;
color: blue;
}
a {
color: red;
background-color: pink;
transition-duration: 0.5s;
}
a:hover,
a:focus {
background-color: #ff8da1;
}
.fb {
color: blue;
}
<a class="pink-link" href="#">PINK</a>
<a class="blue-link" href="#">BLUE</a>
<div class="fb">Facebook</div>
<div class="twitter">Twitter</div>
<div class="instagram">Instagram</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.