oButtonsCustomTheme
$colorizer or $accent have been provided then the $theme map will be ignored.
Links
oButtonsIcon(buttonClass)
Icon Buttons
Outputs styles for every icon in o-buttons-icons at every theme in o-buttons-themes
Links
oButtonsGetButtonForIconAndTheme(...)
Get Button For Icon and Theme
Outputs background-image property for a given icon/theme at all states set in that theme's state list example: .my-button--left-arrow { @include oButtonsGetButtonForIconAndTheme(left-arrow, standout); }
Links
oButtonsBaseStyles(button-class,)
Base styling for buttons
Links
oButtonsGetColor(...)
Gets the color of a button property for a given theme and state.
Returns
ColorLinks
oButtonsIconButton(...)
Icon Button
Outputs the CSS properties for an icon button for the given icon, theme and size
Links
oButtonsIconBaseStyles(button-class,)
Base styling for buttons
Links
oButtonsIconButtonLabel
Icon Button Label
Where an icon button is used, a span with an informative text label in should be included so that if the styles don't load, the button will fallback to a text label. This solution also works well for screen readers. This mixin outputs the styles for visually hiding the label
Links
oButtonsPagination(buttonClass)
Pagination button wrapper styles Applies styles of pagination buttons to direct children
Example
.my-buttons-pagination {
@include oButtonsPagination(my-buttons);
}