Action Dropdown Menu

Available Sass Variables and default values

$action-dropdown-right-offset: -1px
$action-dropdown-trigger-hover-color: $brand-primary
$action-dropdown-border-color: $base-border-color
$action-dropdown-background-color: $wt
$action-dropdown-background-color-hover: $gallery
$action-dropdown-link-color: $dove-gray
$action-dropdown-link-color-hover: $dove-gray
$action-dropdown-link-padding: 10px
$action-dropdown-shadow: $base-shadow
$action-dropdown-width: 160px
$action-dropdown-border-radius: $base-border-radius
$action-dropdown-text-align: center

Examples

Vanilla

Markup like this:

.actionMenu
  span Menu
  ul
    li.strong: a Item 1
    li: a Item 2
    li: a Item 3











Vanilla with bullets

Markup like this:

.actionMenu.bullets
  ul
    li.strong: a Item 1
    li: a Item 2
    li: a Item 3











Aligned Right

Markup like this:

.actionMenu.right.bullets
  ul
    li.strong: a Item 1
    li: a Item 2
    li: a Item 3