After creating a SASS sub theme following the documentation in
https://www.drupal.org/docs/contributed-themes/bootstrap-45-barrio-sass-... →
when trying to compile styles you receive this error:
Error in plugin "sass"
Message:
../../contrib/bootstrap_barrio/scss/components/table.scss
Error: Undefined operation "2 * var(--bs-border-width)".
╷
8 │ border-bottom: (2 * $table-border-width) solid $table-border-color;
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
../../contrib/bootstrap_barrio/scss/components/table.scss 8:21 @import
../../contrib/bootstrap_barrio/scss/barrio.scss 34:9 @import
scss/import.scss 15:9 @import
scss/style.scss 7:9 root stylesheet
- Using the script provided by the Bootstrap 4/5 - Barrio SASS Starter Kit, create a new theme.
- Follow the steps to finish configuring the theme.
- Switch to the theme folder and run npm install.
- In the theme folder run gulp styles.
-This will produce the error.
Add "$table-border-width: 1px;" to the bottom of the variables.scss file in the new theme.
Closed: duplicate
5.5
Code
@TY4DVenom
This issue is related to bootstrap-sass sub-theme of Barrio Bootstrap 5 Theme.
And this issue had created on bootstrap-sass sub-theme. Also a patch and MR created with solution.
The issue URL is as below.
https://www.drupal.org/project/bootstrap_sass/issues/3365211
💬
Subtheming is not working - style.css is empty!
Closed: outdated