HTML-Prototype der OTH-Regensburg

Buttons

Toggle example guides Toggle HTML markup

<insert-markup>2.3.7.1-</insert-markup>
.btn--secondary
Secondary button with outline
<insert-markup>2.3.7.1-0</insert-markup>
.btn--secondary-naked
Secondary button with hover animation
<insert-markup>2.3.7.1-1</insert-markup>
.btn--textlink
Button as textlink
<insert-markup>2.3.7.1-2</insert-markup>
.btn--tag
Button as tag
<insert-markup>2.3.7.1-3</insert-markup>
.btn--tag-colored
Button as colored tag
<insert-markup>2.3.7.1-4</insert-markup>
.btn--tag-active
Button as active tag
<insert-markup>2.3.7.1-5</insert-markup>
.btn--tag-s
Button as tag (small)
<insert-markup>2.3.7.1-6</insert-markup>
.btn--reset
Button with reset styling
<insert-markup>2.3.7.1-7</insert-markup>
Markup: templates/output/04-elements/forms/button/buttons.html 

<button class="btn [modifier class]" title="This is a default title text">Button Text</button>
Source: assets/sass/04-elements/_elements.forms.scss, line 840