This project is still under construction 🚧
A CSS library for form fields. It's simple and classless.
<link rel="stylesheet" href="https://maxam2017.github.io/form.css/css/form.css" />
-
Support two common color scheme:
light
anddark
. -
By default, we use
prefers-color-scheme
. -
Simply put attribute
data-theme
on<body/>
for override default theme.- Ex. override to dark mode
<body data-theme="dark"></body>
- Ex. override to dark mode
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
- Ex.
<input />
- material-ui style
- simply add attribute
data-type="switch"
on checkbox input - Ex.
<input type="checkbox" data-type="switch" />
- material-ui style
- Ex.
<input type="checkbox" />
Distributed under the MIT License. See LICENSE
for more information.