zurb-foundation-5/doc/includes/split_button/examples_split_button_mixin.html

Foundation 5 for npm (no code modification from original repo)

{{#markdown}}
```scss
/* Using the available options */
.your-class-name {
  @include button;
  @include split-button($padding, $pip-color, $span-border, $base-style);
}

/* This controls padding around the dropdown buttons. Use tiny, small, medium, or large */
$padding: $button-med;

/* This controls the dropdown pip color. Set to one of our variables or a custom hex value */
$pip-color: $split-button-pip-color;

/* This controls the border color of the triangle span area. This can be a variable or color value. */
$span-border: $primary-color;

/* This controls whether or not base styles come through. Set to false to negate */
/* Handy when you want to have many different styles */
$base-style: true;
```
{{/markdown}}