Vartheme BS5

A Starterkit theme for Varbase websites.

A new generation of theming based on Bootstrap 5, Single Directory Components (SDC) with Drupal ~11.2.0, and UI Patterns ~2.0.

Having Varbase Components to provides Helpers and Event subscribers for Varbase and Vartheme BS5.

Installation

Require the theme in a Drupal

composer require 'drupal/vartheme_bs5:~4.0.0'

The Vartheme BS5 requires to enable the Varbase Component Before installing the theme

drush pm:enable varbase_components

Compile custom styling

Uses Webpack to compile and bundle SASS and JS.

Step 1

Make sure you have Node and npm installed. You can read a guide on how to install node here: https://docs.npmjs.com/getting-started/installing-node

If you prefer to use Yarn instead of npm, install Yarn by following the guide here.

Step 2

Go to the root of the theme and run the following commands: yarn install.

Step 3

Initialize the theme with latest Bootstrap 5 version

yarn theme:init

Step 4

Run the following command to compile Sass

yarn theme:build

Run the following to build components for custom components

yarn components:build