This modules sets structural styles for base form elements, creating a consistent visual rhythm among forms while allowing for color to be adjusted where needed. These styles do not rely on markup structure and can be combined with utilities to make fine-grained, contextual adjustments. Form element styles are intended to be interoperable with all other utility styles.
Inline Forms
By default, form elements follow browser defaults and display inline.
Note: the .field
style is part of basscss-color-forms
.
Search Go
Stacked Forms
Use .block
, .col-12
, and other layout utilities to stack form elements and adjust margins.
Email Address Password Select Option 1 Option 2 Option 3 Option 4 Option 5 Remember me Sign In Cancel
To adjust the color of forms, use the styles in basscss-color-forms
and basscss-color-forms-dark
.