Kraken-Sass

← Kraken-Sass Home

Forms

Labels, legends and inputs are styled as full width block elements (with the exception of checkboxes and radio buttons).

                
            

Pro Tip: Wrap checkboxes and radio buttons inside a <label></label> to make them easier to click.

Form Layouts

Use the grid system to add structure to your forms.

                
            

New: Condensed & Inline Inputs

For smaller forms, add the .input-condensed class to your input fields. For inline form elements, add the .input-inline class.

                
            

With Scss @extends

                
            

Getting Started

Advanced