Build a Monthly Subscription App with Laravel Cashier: Lesson 9 of 36

Sass Structure

Up Next

Home Styles

Autoplaying in 7 seconds!



Table of Contents

    o keep Sass files organized, it's good to organize them into a few groups of stylesheets. For this video, we are using:

    - base          // all the base stuff that encompasses all other styles. typography, colors, etc
    - components    // specific parts of the site
    - layout        // the overall layout. header, footer, main, section
    - pages         // page specific stuff
    - main.scss     // include all other folders

    Each folder will have an aggregator file called _module.scss which will be @imported into the main.scss.

    Chris Sevilleja

    176 posts

    Founder of Google Developer Expert in Web Technologies. Slapping the keyboard until something good happens.