HTML-Prototype von in2code

Buttons

Toggle example guides Toggle HTML markup

Styling of the Buttons

<insert-markup>2.3.4-</insert-markup>
.btn
Button
<insert-markup>2.3.4-0</insert-markup>
.btn.btn--primary
Primary button
<insert-markup>2.3.4-1</insert-markup>
.btn.btn--secondary
Secondary button
<insert-markup>2.3.4-2</insert-markup>
.btn.btn--primary.btn--outline
Primary outlined button
<insert-markup>2.3.4-3</insert-markup>
.btn.btn--secondary.btn--outline
Secondary outlined button
<insert-markup>2.3.4-4</insert-markup>
.btn.btn--primary.btn--large
Primary large button
<insert-markup>2.3.4-5</insert-markup>
.btn.btn--secondary.btn--large
Secondary large button
<insert-markup>2.3.4-6</insert-markup>
Markup: templates/output/04-elements/forms/button.html 

<button class="[modifier class]">Absenden</button>
Source: assets/sass/04-elements/_elements.forms.scss, line 463