https://github.com/kennethormandy/base-forms
se form styles for Basscss
https://github.com/kennethormandy/base-forms
Last synced: over 1 year ago
JSON representation
se form styles for Basscss
- Host: GitHub
- URL: https://github.com/kennethormandy/base-forms
- Owner: kennethormandy
- Created: 2015-10-07T01:40:33.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2015-10-07T01:40:55.000Z (almost 11 years ago)
- Last Synced: 2025-01-24T09:12:19.864Z (over 1 year ago)
- Language: CSS
- Homepage: http://basscss.com
- Size: 90.8 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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`.
```html
Search
Go
```
## Stacked Forms
Use `.block`, `.col-12`, and other layout utilities to stack form elements and adjust margins.
```html
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`.