https://github.com/vardot/vartheme_bs5
A base theme for Varbase standard websites. A new generation of theming (base theme) based on Bootstrap 5, Single Directory Components (SDC) with Drupal ~10.1.0, and UI Patterns 2.0.x-dev. Having Varbase Components to provides component management system for Varbase and Vartheme BS5.
https://github.com/vardot/vartheme_bs5
bootstrap5 drupal drupal-10 sass webpack
Last synced: about 1 year ago
JSON representation
A base theme for Varbase standard websites. A new generation of theming (base theme) based on Bootstrap 5, Single Directory Components (SDC) with Drupal ~10.1.0, and UI Patterns 2.0.x-dev. Having Varbase Components to provides component management system for Varbase and Vartheme BS5.
- Host: GitHub
- URL: https://github.com/vardot/vartheme_bs5
- Owner: Vardot
- Created: 2021-08-22T14:27:22.000Z (almost 5 years ago)
- Default Branch: 3.0.x
- Last Pushed: 2025-04-30T12:18:45.000Z (about 1 year ago)
- Last Synced: 2025-04-30T13:49:22.854Z (about 1 year ago)
- Topics: bootstrap5, drupal, drupal-10, sass, webpack
- Language: CSS
- Homepage: https://www.drupal.org/project/vartheme_bs5
- Size: 7.51 MB
- Stars: 5
- Watchers: 5
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vartheme BS5
A base theme for Varbase standard websites.
A new generation of theming (base theme) based on **Bootstrap 5**, **Single Directory Components (SDC)** with **Drupal** `~10.1.0`, and **UI Patterns** `2.0.x-dev`.
Having **[Varbase Components](https://www.drupal.org/project/varbase_components)** to provides component management system for Varbase and **Vartheme BS5**.
# Installation
Require the theme in a Drupal ^10.1.0
```
composer require 'drupal/vartheme_bs5:3.0.x-dev'
```
The Vartheme BS5 requires to enable the **Varbase Component** befor installing the theme
```
drush pm:enable varbase_components
```
## Compile custom styling
Uses [Webpack](https://webpack.js.org) 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](https://yarnpkg.com) instead of npm, install Yarn by
following the guide [here](https://yarnpkg.com/docs/install).
#### 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
```