Skip to content

Instantly share code, notes, and snippets.

@zastrow
Created June 29, 2020 15:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zastrow/837c14760293e5378f0656cbdfebe1dc to your computer and use it in GitHub Desktop.
Save zastrow/837c14760293e5378f0656cbdfebe1dc to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----
@mixin angled-mask($distance:9.5rem, $angle:110deg) {
mask-image: linear-gradient(#{$angle}, transparent #{$distance}, color('black') #{$distance}, color('black') #{$distance + 0.0625}, transparent 51%);
}
.element {
&::before {
content: '';
// Whatever other Sass is needed.
@include angled-mask;
}
}
.element::before {
content: "";
mask-image: linear-gradient(110deg, transparent 9.5rem, color("black") 9.5rem, color("black") 9.5625rem, transparent 51%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment