Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lenconda/cayenne-ui-css

Cayenne is a customized Bootstrap 4 theme inspired by Porsche Cayenne
https://github.com/lenconda/cayenne-ui-css

Last synced: 6 days ago
JSON representation

Cayenne is a customized Bootstrap 4 theme inspired by Porsche Cayenne

Awesome Lists containing this project

README

        

# Cayenne Bootstrap Theme

![Circle CI Build](https://circleci.com/gh/lenconda/cayenne-ui-css.svg?style=svg)
![License](https://img.shields.io/github/license/lenconda/cayenne-ui-css)
![GitHub Version](https://img.shields.io/github/package-json/v/lenconda/cayenne-ui-css)

An elegant theme for Bootstrap 4, powered by [HackerThemes](https://hackerthemes.com). Name is inspired by Porsche Cayenne.

## Looking

![screenshot](screenshot.jpg)

## Installation

By NPM:

```bash
npm install @cayenne-ui/css --save
```

or by Unpkg CDN:

```html

```

## Prerequisites

- This works on Windows, macOS and Linux.
- Node Package Manager and Gulp are required. Make sure you can run `gulp -v` and `npm -v`.
- You can get Node at [nodejs.org](https://nodejs.org), then install gulp using `npm install gulp-cli -g`

## Preview the Theme

1. Clone this repo
2. Run `npm install`
3. Run `gulp watch` or `npm run build:watch`
4. Start a local HTTP server under the root directory of the project, [`hs`](https://www.npmjs.com/package/hs) is recommended.

## Edit the Theme

1. Add any Bootstrap Sass variables into `scss/_variables.scss`
2. Add any custom styles into `scss/_styles.scss`. You can use Bootstrap's mixins here.

## Build the Theme

1. Run `npm run build`
2. CSS will be exported at `css`

## Creators

**Lenconda**

-
-

**Bootstrap**

-

## Copyright and license

Code and documentation copyright 2021 [Lenconda](https://lenconda.top).

Code released under the [MIT License](https://opensource.org/licenses/MIT).