@cayenne-ui/css
v0.0.9
Published
A customized theme for Bootstrap 4
Downloads
4
Readme
Cayenne Bootstrap Theme
An elegant theme for Bootstrap 4, powered by HackerThemes. Name is inspired by Porsche Cayenne.
Looking
Installation
By NPM:
npm install @cayenne-ui/css --save
or by Unpkg CDN:
<!-- normal css -->
<link rel="stylesheet" href="https://unpkg.com/@cayenne-ui/css@latest/dist/css/cayenne.css" />
<!-- minimized css -->
<link rel="stylesheet" href="https://unpkg.com/@cayenne-ui/css@latest/dist/css/cayenne.min.css" />
Prerequisites
- This works on Windows, macOS and Linux.
- Node Package Manager and Gulp are required. Make sure you can run
gulp -v
andnpm -v
. - You can get Node at nodejs.org, then install gulp using
npm install gulp-cli -g
Preview the Theme
- Clone this repo
- Run
npm install
- Run
gulp watch
ornpm run build:watch
- Start a local HTTP server under the root directory of the project,
hs
is recommended.
Edit the Theme
- Add any Bootstrap Sass variables into
scss/_variables.scss
- Add any custom styles into
scss/_styles.scss
. You can use Bootstrap's mixins here.
Build the Theme
- Run
npm run build
- CSS will be exported at
css
Creators
Lenconda
Bootstrap
Copyright and license
Code and documentation copyright 2021 Lenconda.
Code released under the MIT License.