Support project
1PiRdutMwncxkjp8quxQiF1qFUBGBjwhfg

Dropdowns

Usage

.drop.{direction}

Consider using

.relative (as wrapper)
&.up.left or &.up.right (inset)
&.up-left or &.up-right (outset)
&.down.left or &.down.right (inset)
&.down-left or &.down-right (outset)
&.right-up or &.right-down (outset)
&.left-up or &.left-down (outset)
&.max

.bg-{color}
.text-{color}
.base-padding

Side note(s)

No javascript required, the show transition triggers on hover
Not using a .relative wrapper makes the .drop visible by default

Raw output

Drop up, stick left (outset)
.drop.up-left
Drop up, stick right (outset)
.drop.up-right
Drop left, stick up (outset)
.drop.left-up
Drop right, stick up (outset)
.drop.right-up
Drop left, stick down (outset)
.drop.left-down
Drop right, stick down (outset)
.drop.right-down
Drop down, stick left (outset)
.drop.down-left
Drop down, stick right (outset)
.drop.down-right
Drop down, stick left (inset)
.drop.down.left
Drop up, stick right (inset)
.drop.up.right
Leaf CSS Framework by @kortekim inspired by Google's Material Design