Skip to main content

Compiling SCSS

TheMAG is built with SCSS and use the Gulp task runner to do all things you need to compile/recompile the theme styles. With this setup, you can easily override theme colors, components, etc.

Compiling​

  1. Install the required packages for compiling the style, use your terminal and run npm install or yarn install from the sub-theme directory: /themes/themag_st.
  2. Run the gulp command to watch for changes in the _src/scss directory and to compile SCSS files.
  3. If you'd like to override TheMAG style or components, please follow the instructions from the subtheme.scss file.

Overriding themag/global-styling library​

If you override the entire theme style, it is a good idea to override themag/global-styling library to prevent CSS duplication. To do that, in the subtheme *.info.yml file (themag_st.info.yml) uncomment the following lines:

libraries-override:
  themag/global-styling:
    css:
      theme:
        assets/css/themag.css: false