Skip to content

Instantly share code, notes, and snippets.

@LukyVj

LukyVj/diagonal-mixin.sass

Created May 22, 2017 14:12
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save LukyVj/c560c8a73ef230e7245dcc447b9c116f to your computer and use it in GitHub Desktop.
Save LukyVj/c560c8a73ef230e7245dcc447b9c116f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
diagonal-mixin.sass
@mixin diagonal($rotation, $background, $height, $pos: after)
&:#{$pos}
content: ''
display: block
position: absolute
width: 100%
height: $height
background: #{$background}
transform: skewY($rotation)
z-index: 0
@media (min-width: 2000)
transform: skewY($rotation/2)
@content
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment