Utilities » Mixins OpacityLink
Since: 1.0.0 New IssueA mixin for opacity. Takes care of browser prefixes for you. You should always use this mixin when writing opacity rules to ensure you're compatible with the browsers we support. Accepts arguments in the same syntax as standard CSS. More info at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/opacity
Examples
Fade a thumbnail until it's hovered over.
.gallery-thumbnail {
@include opacity( 0.5 );
&:hover {
@include opacity( 1 );
}
}
_mixins.scss, line 305
View Source