KSS-Scheibo - Styleguide

Input - Text

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

This is the basic form field for any single input. It sets a few layout options by default (margin) and styles any labels within.

<insert-markup>1.1-</insert-markup>
form-input--error
This is a alert style
<insert-markup>1.1-0</insert-markup>
form-input--success
This is a success style
<insert-markup>1.1-1</insert-markup>
form-input--small
This is a large style
<insert-markup>1.1-2</insert-markup>
Markup
<input class="form-input [modifier]" type="text" placeholder="Text Input" />
Source: source/scss/01_base/_input.scss, line 1
<insert-markup>1.2-</insert-markup>
btn--cta
a call-to-action button
<insert-markup>1.2-0</insert-markup>
btn--disable
a disable button
<insert-markup>1.2-1</insert-markup>
Markup
<button class="btn [modifier]">Send</button>
Source: source/scss/01_base/_button.scss, line 1