Skip to content

Instantly share code, notes, and snippets.

@miguelgr
Created November 19, 2013 22:22
Show Gist options
  • Save miguelgr/7553655 to your computer and use it in GitHub Desktop.
Save miguelgr/7553655 to your computer and use it in GitHub Desktop.
Caret mixin. Specify the position for the caret, the size and color.
=caret($point, $size, $color)
$opposite: opposite-position($point)
border: $size solid transparent
border-#{$opposite}: $size solid $color
border-#{$point}: 0
height: 0
width: 0
// usage
// +caret(right, 20px, #b9b9b9)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment