Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/HackerThemes/theme-kit

A starter project for making Bootstrap 4 themes with Gulp and Sass
https://github.com/HackerThemes/theme-kit

Last synced: about 2 months ago
JSON representation

A starter project for making Bootstrap 4 themes with Gulp and Sass

Host: GitHub
URL: https://github.com/HackerThemes/theme-kit
Owner: HackerThemes
License: mit
Created: 2017-11-29T17:43:26.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2022-12-07T17:36:38.000Z (almost 2 years ago)
Last Synced: 2024-07-27T15:45:45.632Z (about 2 months ago)
Language: CSS
Homepage: https://hackerthemes.com/kit/
Size: 2.06 MB
Stars: 267
Watchers: 17
Forks: 80
Open Issues: 24
Metadata Files:
- Readme: readme.md
- License: LICENSE

Awesome Lists containing this project

jimsghstars - HackerThemes/theme-kit - A starter project for making Bootstrap 4 themes with Gulp and Sass (CSS)

README

# Bootstrap Theme Kit: Make your own Bootstrap Themes

This is simple starter project to help you get started quickly when making a custom Bootstrap theme.

There is a full tutorial available at hackerthemes.com: [How to build your own Bootstrap themes](https://hackerthemes.com/kit).

This readme is the short version of that.

## What this project does

This repository includes a project structure with a build script that builds a custom CSS version of Bootstrap 4, using Gulp. You can
clone this repository, run the Gulp task and go right into modifying variables and adding styles. There's also an HTML file that contains
a neatly organized collection of Bootstrap components that fit a 1920x1080 display, so you can instantly see the outcome.

## Video Demonstration

There is a short demonstration of this project on YouTube: [https://www.youtube.com/watch?v=Gi5ffoE3mPc](https://www.youtube.com/watch?v=Gi5ffoE3mPc)

## 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`

## Getting started

2. Clone this repo
3. Run `npm install`
4. Run `gulp watch`
4. Look at `index.html` (ideally with a [local development webserver](https://askubuntu.com/questions/377389/how-to-easily-start-a-webserver-in-any-folder))
5. Add any Bootstrap Sass variables into `scss/_custom-variables.scss`
6. Add any custom styles into `scss/_custom-styles.scss`. You can use Bootstrap's mixins here.
7. Repeat steps 4 to 6 until you like what you see :-)

## Creators

**Alexander Rechsteiner**

-
-
-

**Bootstrap**

## Copyright and license