34 lines
1.1 KiB
Markdown
34 lines
1.1 KiB
Markdown
# Onsen CSS Components
|
|
|
|
Onsen CSS Components is CSS components for Cordova Apps.
|
|
|
|
|
|
|
|
|
|
## How to Build
|
|
|
|
This CSS components is built by PostCSS + cssnext. You can build with following commands.
|
|
|
|
```
|
|
$ yarn install --pure-lockfile
|
|
$ yarn run build
|
|
```
|
|
|
|
## How to Customize CSS Components
|
|
|
|
Execute the following command.
|
|
|
|
```
|
|
$ yarn install --pure-lockfile
|
|
$ yarn run serve
|
|
```
|
|
|
|
When you open `http://localhost:4321/` in the browser, a preview of the CSS components is displayed.
|
|
|
|
When you edit the cssnext files under the `src` directory, the cssnext files is automatically built into the CSS and the browser is reloaded. The built CSS file is located in `./build/onsen-css-components.css`.
|
|
|
|
To customize theme colors, you can edit `./src/theme.css`. This file contains CSS variables for the theme colors.
|
|
|
|
If you want to customize components' details, you can edit `./src/components/*.css`. These files contain actual rules for all CSS components. But these files may be changed significantly by minor version release.
|
|
|