how to totally override scss in bootstrap barrio? [SOLVED]

Created on 26 April 2023, over 1 year ago
Updated 27 April 2023, over 1 year ago

I'd like to totally override scss coming from bootstrap_barrio/scss.

eg. I would like to totally override bootstrap_barrio/scss/field.scss

I copy it in mytheme/scss/components/

My version of field.scss get actually compiled and included as a css in the drupal page but also the bootstrap_barrio version.

Is there a way *without* modifying any file in bootstrap_barrio to totally override its scss components?

thanks

Feature request
Status

Needs review

Version

5.0

Component

Code

Created by

🇮🇹Italy azaril Milano

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @azaril
  • 🇮🇹Italy azaril Milano

    I got a clue about what's happening.

    Since css are compiled from scss, gulp "include" the bootstrap_barrio scss since it's not aware of the

    libraries-override:
    bootstrap_barrio/global-styling: false

    Still I can't see any mechanism to just override a bunch of scss and make it easier to keep updated the core of bootstrap_barrio in the context of bootstrap_sass.

    I've seen other method to sub-theme bootstrap_barrio and override some of the scss, some of them outdated and most of them requiring way to much manual work and hard to maintain and keep updated, and I was wondering if there is any way to achieve this in the context of bootstrap_sass.

    thx

  • 🇮🇹Italy azaril Milano

    [SOLVED]

    Finally I got it working including solving #3356524 but not in a very satisfactory way.

    I had to edit MYTHEME.libraries.yml and change the weight of style.css

    css/style.css: { weight: 2000 }
    

    not really elegant but it works.

    It would make sense to change it even in the bootstrap_sass theme as well

  • Assigned to azaril
  • Status changed to Needs review over 1 year ago
Production build 0.71.5 2024