Base Reset Base Typography Base Forms Base Buttons Base Tables Utility Layout Utility Typography Utility White Space Utility Responsive States UI Utility Button Sizes UI Utility Groups UI Utility Disclosure States Positions Grid Table Object Color Base Color Forms Color Forms Dark Color Tables Color Buttons Colors Color Borders Flex Object Utility Headings Background Images

# basscss-ui-utility-button-sizes v1.0.0 Optional

# UI Utility Button Sizes

NPM Github

These utilities extend the `basscss-base-buttons` styles. To change the line-height and padding but leave the font-size the same, use button size extensions.

    <button type="button" class="button-big button-blue">Burgers</button>
    <button type="button" class="button-blue">Fries</button>
    <div class="mb1 md-hide"></div>
    <button type="button" class="button-narrow button-blue">Onion Rings</button>
    <button type="button" class="button-small button-blue">Shakes</button>