Skip to content

Instantly share code, notes, and snippets.

@starzonmyarmz

starzonmyarmz/flag.sass

Created May 2, 2012 17:05
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 starzonmyarmz/2578256 to your computer and use it in GitHub Desktop.
Save starzonmyarmz/2578256 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
flag.sass
@mixin flag-rag-right($ragClipColor, $ragShadow, $height, $width)
background: red
display: block
height: $height
position: relative
width: $width
&:before,
&:after
border-top: ($height / 2) solid transparent
border-bottom: ($height / 2) solid transparent
content: ''
height: 0
position: absolute
width: 0
&:before
border-right: ($height / 2) solid $ragShadow
right: 0
&:after
border-right: ($height / 2) solid $ragClipColor
right: -1px
// Usage
+flag-rag-right(#efefef, rgba(0, 0, 0, .5), 18px, 60px)
@starzonmyarmz
Copy link
Author

See http://dl.dropbox.com/u/138203/Screenshots/7c.png for visual

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment