ForEvolve / bootstrap-dark

Bootstrap 4 dark theme that supports togging dark/light themes as well. There is no fluff, it changes the color of Bootstrap and that's it, no new thing to learn or unlearn, just Bootstrap, but Dark!
MIT License
299 stars 44 forks source link

Error: You may not @extend an outer selector from within @media #62

Closed titanism closed 1 year ago

titanism commented 1 year ago

When attempting to import in existing SCSS (not nested in a selector at all, this is top-level):

// bootstrap
@import 'node_modules/@forevolve/bootstrap-dark/scss/bootstrap-light';
@import 'node_modules/@forevolve/bootstrap-dark/scss/bootstrap-prefers-dark';

The following error is received in gulp build output:

Error in plugin "sass"
Message:
    node_modules/bootstrap/scss/_grid.scss
Error: You may not @extend an outer selector from within @media.
       You may only @extend selectors within the same directive.
       From "@extend .container-fluid" on line 16 of node_modules/bootstrap/scss/_grid.scss
        on line 9 of node_modules/bootstrap/scss/_grid.scss
>>   .container-fluid {