Theme Suggestions and entity specific body classes

By hatuhay on

Bootstrap Barrio comes with additional theme suggestions for common Drupal elements and body classes for content types.

Theme Suggestions

Menu

  • <MENU-THEME>-<BLOCK-ID>.html.twig

Users

  • user__<VIEW-MODE>.html.twig
  • user__<USER-ID>.html.twig
  • user__USER-ID>__<VIEW-MODE>.html.twig

Pages

page__node__<NODE-BUNDLE>.html.twig

Body Classes

Specific body classes are added to body for entity types:

SVG icons

By hatuhay on

Barrio includes predefined icons for default menu links.

It also sets classes to identify menu links.

To extend the usage of the links, in your subtheme css file include the following snippet:

Installation

By hatuhay on

Bootstrap Barrio SASS Theme Development Guide

This guide explains how to set up and develop a custom Bootstrap Barrio SASS sub-theme for Drupal.

Bootstrap 4/5 - SASS Starter Kit

Integrate Bootstrap 4/5 SASS with Drupal as a sub-theme from Barrio/Bootstrap Themes. Override Drupal CSS with Bootstrap variables

Bootstrap 4/5 SASS - Barrio Starter Kit is a Barrio or Bootstrap sub-themes that simplifies integrating Bootstrap 4/5 SASS with Drupal. For Bootstrap Theme use the subtheme included with the theme.

This sub-theme overrides almost every CSS from Drupal and replaces where possible Bootstrap variables in order to generate from roots a new set of CSS files.

Subscribe with RSS Subscribe to RSS - Barrio