SCSS

NOTE: This is an excerpt from https://www.drupal.org/docs/7/theming/working-with-css/sass-techniques-a... page. Please refer to it for the complete documentation.

Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows.

Folders

• - assets: initially empty, put your own asset files as required for your project.
• - config: default Bootstrap Barrio Subtheme files.
• - css: generated css files. Initial files included only to avoid errors before gulp is executed. Will be replaced upon gulp execution
• - images: subtheme images
• - js: required javascript files copied on gulp process.
• - scss: complete rewrite of Bootstrap Barrio css files on scss format including bootstrap variables

- assets: initially empty, put your own asset files as required for your project.
- config: default Bootstrap Barrio Subtheme files.
- css: generated css files. Files included to avoid errors if gulp has not been executed.
- images: subtheme images
- js: requiered javascript files copied on gulp process.
- scss: complete rewrite of Bootstrap Barrio css files on scss format including bootstrap variables
- templates: custom template overrides. Initially empty.

gulpfile.js contains gulp configuration:

The import.scss file contains the first level of import files: