/sass-base-template

A template of folder sass organization

Primary LanguageCSSMIT LicenseMIT

Sass folders and files organization

Just an example/recommendation of how to organize sass files

Here you can check out the demo

Table of Contents

  1. Base Estructure
  2. 📄Index File
  3. 📂Components
  4. 📄Footer
    1. 📄Using SVG Images from Mixins
  5. 📄Header
  6. 📂Shared
  7. 📄mixins
  8. 📄variables
  9. 📄global
  10. 📄normalize

Base Estructure

.
├── src
  ├── SCSS
    ├── components
      ├── header.scss
      ├── footer.scss
    ├── shared
      ├── _mixins.scss
      ├── _variables.scss
      ├── global.scss
      ├── index.scss
      ├── normalize.scss

Index File

This file contains general imports of main files

@import "global/normalize.scss";
@import "global/shared.scss";
@import "components/about.scss";
@import "components/cards.scss";
.
.
.

Check the .index.scss file