base styles
- colors
- fonts
- icons
atoms
- address-item
- arrow
- blockquote
- brand
- button
- button-appstore
- cite
- clearfix
- code
- cta-scroll
- definition-list
- fieldset
- figure
- flying-focus
- focus
- hamburger
- headings
- hide-text
- hr
- img
- input
- input-checkbox
- input-fileupload
- input-radio
- input-range
- input-search
- input-submit
- label
- link
- list-item
- media
- notice
- ordered-list
- paragraph
- progress
- select
- source
- table
- text-selection
- textarea
- textlink
- tooltip
- unordered-list
molecules
- accordion
- address
- audio
- button-group-appstore
- card
- cookie
- entry-meta
- footer-meta
- hero
- input-switch
- modal
- multilang
- nav-top
- nav-top:subnav
- onepager
- pricing-column
- signature
- skip-navigation
- tab-bar
- tab-panels
- transcript
- video
organisms

button

Type: sass extend & sass mixin & php template

Status: ready

Release: 0.9.6 RC 1.0 (Nucleus)

Dependencies:

no dependencies

Dependents:

atoms → button-appstore
molecules → card
molecules → modal
molecules → button-group-appstore
molecules → skip-navigation
molecules → video

example

secondary large

secondary small

primary ghost small

description

Styles element as button. The classes .btn and .button, and the HTML element button are styled by default in _helper.scss.

protected content

only loggeed in users are able to see source-code files and usage of components