New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

arrow mixins #176

Closed

rhyzx wants to merge 1 commit into stylus:master from rhyzx:arrow

rhyzx commented Mar 29, 2013

border based arrow, support ie6+

arrow-up(size=4px, color=#000)
arrow-down(size=4px, color=#000)
arrow-left(size=4px, color=#000)
arrow-right(size=4px, color=#000)

example

arrow-up(10px, #FFF)

//yields
font: 0/0 undef
width: 0
height: 0
border: 10px solid transparent

_border-color: magenta
_filter: chroma(color=magenta)

border-top: none
border-bottom-color: #FFF

DEMO http://jsfiddle.net/aRDZw/2/


          add arrow mixins

ae7b28d

Collaborator

notslang commented Jun 15, 2013

this should probably get some test cases, but other than that, it looks useful

rhyzx closed this

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