Skip to content

Instantly share code, notes, and snippets.

@jlbokass

jlbokass/sass-7-1-pattern.scss

Forked from rveitch/sass-7-1-pattern.scss
Created July 7, 2025 14:56
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jlbokass/442654148dcb83d861b654eeb357e0c1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jlbokass/442654148dcb83d861b654eeb357e0c1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @rveitch rveitch revised this gist Dec 17, 2015. 1 changed file with 0 additions and 2 deletions.
    2 changes: 0 additions & 2 deletions sass-7-1-pattern.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -44,5 +44,3 @@ sass/
    |
    |
    `– main.scss # Main Sass file

    http://sass-guidelin.es/#the-7-1-pattern
  2. @rveitch rveitch revised this gist Dec 17, 2015. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion sass-7-1-pattern.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -43,4 +43,6 @@ sass/
    | ... # Etc…
    |
    |
    `– main.scss # Main Sass file
    `– main.scss # Main Sass file

    http://sass-guidelin.es/#the-7-1-pattern
  3. @rveitch rveitch created this gist Dec 17, 2015.
    46 changes: 46 additions & 0 deletions sass-7-1-pattern.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,46 @@
    sass/
    |
    |– base/
    | |– _reset.scss # Reset/normalize
    | |– _typography.scss # Typography rules
    | ... # Etc…
    |
    |– components/
    | |– _buttons.scss # Buttons
    | |– _carousel.scss # Carousel
    | |– _cover.scss # Cover
    | |– _dropdown.scss # Dropdown
    | ... # Etc…
    |
    |– layout/
    | |– _navigation.scss # Navigation
    | |– _grid.scss # Grid system
    | |– _header.scss # Header
    | |– _footer.scss # Footer
    | |– _sidebar.scss # Sidebar
    | |– _forms.scss # Forms
    | ... # Etc…
    |
    |– pages/
    | |– _home.scss # Home specific styles
    | |– _contact.scss # Contact specific styles
    | ... # Etc…
    |
    |– themes/
    | |– _theme.scss # Default theme
    | |– _admin.scss # Admin theme
    | ... # Etc…
    |
    |– utils/
    | |– _variables.scss # Sass Variables
    | |– _functions.scss # Sass Functions
    | |– _mixins.scss # Sass Mixins
    | |– _helpers.scss # Class & placeholders helpers
    |
    |– vendors/
    | |– _bootstrap.scss # Bootstrap
    | |– _jquery-ui.scss # jQuery UI
    | ... # Etc…
    |
    |
    `– main.scss # Main Sass file