0

Have an issue where a css framework imported into a scss file is clobbering the styles of the wysiwyg editor. Is there a way to import the framework and have it "skip" any element within a class or ID?

I've tried.. to no avail...

    // app.scss file

    body :not(#wysiwyg) {
      @import 'node_modules/some_css_framework.scss';
    }

    // also tried..
    body *:not(#wysiwyg) {
      @import 'node_modules/some_css_framework.scss';
    }

(Everything except for the #wysiwyg element, import and apply these styles..

GN.
  • 8,672
  • 10
  • 61
  • 126
  • Try without the `body` and `*` selectors, so just `:not(#wysiwyg)` – Sam Willis Aug 09 '18 at 09:15
  • 1
    I don't think you can "unimport" your framework in that way. But there is an alternative - have a look at [this question](https://stackoverflow.com/questions/10064172/how-to-isolate-a-div-from-public-css-styles), it might help. – wiiiiilllllll Aug 09 '18 at 09:40

0 Answers0