Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/thijsboots/bs5

Basic Drupal 9 theme with Bootstrap 5 SASS, Gulp and Browsersync
https://github.com/thijsboots/bs5

bootstrap bootstrap-5 browsersync drupal drupal-8 drupal-9 drupal-theme gulp sass theme

Last synced: 10 days ago
JSON representation

Basic Drupal 9 theme with Bootstrap 5 SASS, Gulp and Browsersync

Awesome Lists containing this project

README

        

# Bootstrap 5 theme

## DESCRIPTION

A very basic theme for Drupal 8/9 based on Bootstrap 5.
It lets you override Bootstrap variables and pick and
choose which Bootstrap components you want to include.
It features a Gulp script that compiles SASS into CSS
and "uglifies" JavaScript files.

## INSTALLATION

1. Place this theme into the custom themes directory of
your Drupal 8/9 installation (i.e. `[webroot]/themes/custom/bs5`).

2. In your theme directory, run `npm install` to download
all Node dependecies. They are placed in in
`[webroot]/themes/custom/bs5/node_modules`.

3. In your theme directory, run `gulp`. This will compile
all SASS and JS, move necessary files and start Browsersync.
Please note that Browsersync requires the [Drupal Browsersync
module](https://www.drupal.org/project/browsersync).

4. In your Drupal backend, navigate to **Appearance** and choose
*install and set as default*.

## CUSTOMIZATION

* You can use `style.scss` to enable/disable certain
Bootstrap components that you need for your theme.

* All Bootstrap variables are managed in `_variables.scss`.
Feel free to override whatever you need in this file.