Fetching latest commit…
LCUI.css
A UI component framework for building LCUI application.
Explore LCUI.css docs »
Introduction
LCUI.css is a UI component framework for building LCUI application, it provides basic styles for typography and elements, simple layout system, CSS components and utilities. Its CSS code is based Bootstrap, so its usage is basically the same as Boostrap.
Build
Prerequisites
Building LCUI.css has the following dependencies:
- Xmake - a build tool for compiling C source code
- NodeJS - a JavaScript runtime to run build tools
- Python - a environment for run python build tools
After installing them, you need to run the following command to install the other dependencies:
pip install misaka pygments
npm install
Build Targets
npm run build # Build all targets.
npm run build-bin # Build binary files.
npm run build-css # Build css file.
npm run build-font # Build iconfont file.
npm run build-demo # Build demo application.
npm run build-demo-assets # Build assets of demo application.
npm run build-demo-bin # Build binary file of demo application.
npm run build-demo-css # Build css file of demo application.
npm run build-demo-docs # Build documentations of demo application.
npm run demo # Run demo application.
Install
Copy the files from the dist directory to your project directory, and configure your project assets include path.
We recommend that you use the following directory structure, this will be able to directly copy the files from the dist/assets/ directory to yourapp/app/ directory.
yourapp/
├── app/
│ ├── assets/
│ │ ├── stylesheets/
│ │ │ ├── app.css
│ │ │ └── lcui.css
│ │ ├── views/
│ │ │ ├── app.xml
│ │ │ └── ...
│ │ ├── fonts/
│ │ │ └── iconfont.ttf
│ │ ├── images/
│ │ └── ...
│ └── ...
├── src/
│ ├── scss/
│ ├── lib/
│ ├── ui/
│ └── ...
└── ...
Creator
Liu Chao
Legal
Code released under the MIT License.