I have just started a few test projects using Sage 9 Beta-4. I created three themes – one with Foundation, one with Bulma and the third with Bootstrap. In all three themes I open up main.scss (located in resources/assets/styles).
It doesn’t seem, though, that the main.scss is importing the CSS framework. This is what I see in all three themes:
@import "common/variables"; /** Import everything from autoload */ @import "./autoload/**/*"; /** * Import npm dependencies * * Prefix your imports with `~` to grab from node_modules/ * @see https://github.com/webpack-contrib/sass-loader#imports */ // @import "~some-node-module"; /** Import theme styles */ @import "common/global"; @import "components/buttons"; @import "components/comments"; @import "components/forms"; @import "components/wp-classes"; @import "layouts/header"; @import "layouts/sidebar"; @import "layouts/footer"; @import "layouts/pages"; @import "layouts/posts"; @import "layouts/tinymce";
Am I supposed to @import the framework myself from the nodes_module folder? Or is something not working right here?