https://github.com/maxam2017/form.css
A classless CSS library for form
https://github.com/maxam2017/form.css
classless-css
Last synced: 30 days ago
JSON representation
A classless CSS library for form
- Host: GitHub
- URL: https://github.com/maxam2017/form.css
- Owner: maxam2017
- License: mit
- Created: 2020-08-29T21:45:32.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T20:36:22.000Z (over 3 years ago)
- Last Synced: 2025-04-10T19:46:44.866Z (about 1 year ago)
- Topics: classless-css
- Language: SCSS
- Homepage: https://maxam2017.github.io/form.css/
- Size: 1.05 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Form.css ⚡️
## Overview
> This project is still under construction 🚧
A CSS library for form fields. It's simple and **classless**.
[Demo 👨🏻💻](https://maxam2017.github.io/form.css/)
## Installation
```html
```
## Documentation
### Theme
#### Scheme
- Support two common color scheme: `light` and `dark`.
- By default, we use [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme).
- Simply put attribute `data-theme` on `
```
#### Customize your own theme
We provide some css-variables to customize theme color.
| css-variable | default value(light) | default value(dark) |
| ---------------------------- | :------------------: | :-----------------: |
| `--primary-color` | `51, 151, 207` | `51, 151, 207` |
| `--default-text-color` | `0, 0, 0` | `255, 255, 255` |
| `--default-background-color` | `255, 255, 255` | `0, 0, 0` |
> For easily modify theme color without compiling by sass processor, we only put `r,b,a` parameters into css-variable
### Components
#### Normal Input
- Ex.
```html
```
#### Switch
- material-ui style
- simply add attribute `data-type="switch"` on checkbox input
- Ex.
```html
```
#### Checkbox
- material-ui style
- Ex.
```html
```
## License
Distributed under the MIT License. See `LICENSE` for more information.