Skip to content

Instantly share code, notes, and snippets.

@viniciusnevescosta
Created May 1, 2022 21:22
Show Gist options
  • Save viniciusnevescosta/148ec666c10feb92493aabf33da135e6 to your computer and use it in GitHub Desktop.
Save viniciusnevescosta/148ec666c10feb92493aabf33da135e6 to your computer and use it in GitHub Desktop.
One popular and effectively modular way to structure Sass projects is the 7-1 pattern. If your internship or eventual place of employment uses Sass, there's a high chance they use some variation of this type of architecture. So let's make sure you're familiar with it before moving on!
// sass-utils
@import 'sass-utils/variables';
@import 'sass-utils/mixins';
// components
@import 'components/button'; // or any other component created...
// layout
@import 'layout/header';
@import 'layout/main';
// base
@import 'base/reset';
@import 'base/typography';
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment