Base form styles for Scales CSS
These are the base styles for creating forms.
Scales uses the Sass CSS preprocessor, you'll need either Ruby Sass or LibSass.
* NPM: npm install --save @scales/base-forms
Scales provides default stacked forms, forms using an unordered/ordered list, inline forms, and inline form containers with stacked label/input:
$3
$3
$3
Available Classes
*
*
*
*
*
*
*
*
*
* Available Variables
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
* - change from true to be visible by default$3
#### The Scales Namespace Variable
All Scales patterns expose the
$scales-namespace variable.$scales-namespace accepts a string that will prefix all Scales classes. The default value is null.#### Class Level Namespace Variable
Class level namespace variables allow you to namespace a selector based on the type e.g.
b- for "base", o- for "objects", u- for utilities, and c- for "components".This pattern exposes the
$scales-base-class-namespace variable.$scales-base-class-namespace accepts a string that will prefix any classes in this pattern and follow the Scales Namespace Variable if it is not null. The default value is null.#### Namespace Variable Usage
To set either of these namespaces, you will need to set the variables in a file that is imported before any scales files. For example:
`
@import your-project/settings; // Namespace variables are set in this file
@import your-project/scalescss; // Imports all of the Scales packages
@import your-project/project // The rest of your project imports