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-base-buttons v1.0.0

# Base Buttons

NPM Github

Structural styles and resets for buttons are set in this base element styles module. All buttons share common padding and height, well suited for tap targets on touchscreen displays. Color styles in other modules and other custom extensions adjust their surface-level appearance.

Link Button

    <div class="mb1">
      <button>Button</button>
      <a href="#!" class="button">Link Button</a>
      <input type="button" class="button" value="Input Button">
    </div>
    <div class="mb1">
      <button class="button-blue mb1">Button Blue</button>
      <button class="button-blue-outline mb1">Button Blue Outline</button>
      <button class="button-gray mb1">Button Gray</button>
      <button class="button-red mb1">Button Red</button>
    </div>