Skip to content

Instantly share code, notes, and snippets.

@revuls

revuls/Sass Structure

Last active August 29, 2015 13:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save revuls/9813754 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save revuls/9813754 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. revuls revised this gist Mar 27, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions Sass Structure
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@ sass/
    | |– _texts.scss # Typography rules
    | |– _lists.scss # Lists
    | |– _images.scss # Images
    | |– _forms.scss # Formsy
    | |– _forms.scss # Forms
    | |– _buttons.scss # Buttons
    | |– _tables.scss # Tables
    | |– _media.scss # Video and Audio
    @@ -62,7 +62,7 @@ html/
    | |– texts.html # Typography rules
    | |– lists.html # Lists
    | |– images.html # Images
    | |– forms.html # Formsy
    | |– forms.html # Forms
    | |– buttons.html # Buttons
    | |– tables.html # Tables
    | |– media.html # Video and Audio
  2. revuls revised this gist Mar 27, 2014. 1 changed file with 9 additions and 9 deletions.
    18 changes: 9 additions & 9 deletions Sass Structure
    View file
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,4 @@
    sass/
    |
    |– helpers/
    | |– _reset.scss # Reset/normalize
    | |– _variables.scss # Global Variables
    | |– _helpers.scss # Helper Classes
    | |– _mixins.scss # Sass Mixins
    | ... # Etc…
    sass/
    |
    |– 01-elements/
    | |– _globals.scss # All the colors, Animations
    @@ -41,7 +34,14 @@ sass/
    | |– _homepage.scss # Index page
    | |– _contact.scss # Contact page
    | |– _blog.scss # Blog page
    | ... # Etc…
    | ... # Etc…
    |
    |– helpers/
    | |– _reset.scss # Reset/normalize
    | |– _variables.scss # Global Variables
    | |– _helpers.scss # Helper Classes
    | |– _mixins.scss # Sass Mixins
    | ... # Etc…
    |
    |– vendors/
    | |– _bootstrap.scss # Bootstrap
  3. revuls revised this gist Mar 27, 2014. No changes.
  4. revuls revised this gist Mar 27, 2014. 1 changed file with 21 additions and 23 deletions.
    44 changes: 21 additions & 23 deletions Sass Structure
    View file
    Original file line number Diff line number Diff line change
    @@ -26,16 +26,15 @@ sass/
    | |– _footer-nav.scss # Footer navigator
    | |– _tabs.scss # Tabs
    | |– _breadcrumbs.scss # Dropdown
    | |– _navigation.scss # Navigation
    | |– _social.scss # Navigation
    | |– _accordion.scss # Navigation
    | |– _social.scss # Social Share
    | |– _accordion.scss # Accordion
    | ... # Etc…
    |
    |– 03-blocks/
    | |– _header.scss # Sass Variables
    | |– _footer.scss # Sass Functions
    | |– _article.scss # Sass Mixins
    | |– _posts.scss # Class & placeholders helpers
    | |– _header.scss # Header block
    | |– _footer.scss # Footer block
    | |– _article.scss # Article body
    | |– _posts.scss # posts group
    | ... # Etc…
    |
    |– 04-templates/
    @@ -71,24 +70,23 @@ html/
    | ... # Etc…
    |
    |– 02-groups/
    | |– header-nav.html # Header navigation navigator
    | |– footer-nav.html # Footer navigator
    | |– tabs.html # Tabs
    | |– breadcrumbs.html # Dropdown
    | |– navigation.html # Navigation
    | |– social.html # Navigation
    | |– accordion.html # Navigation
    | |– header-nav.html # Header navigation navigator
    | |– footer-nav.html # Footer navigator
    | |– tabs.html # Tabs
    | |– breadcrumbs.html # Dropdown
    | |– social.html # Social Share
    | |– accordion.html # Accordion
    | ... # Etc…
    |
    |– 03-blocks/
    | |– header.html # Sass Variables
    | |– footer.html # Sass Functions
    | |– article.html # Sass Mixins
    | |– posts.html # Class & placeholders helpers
    | ... # Etc…
    | |– header.html # Sass Variables
    | |– footer.html # Sass Functions
    | |– article.html # Sass Mixins
    | |– posts.html # Class & placeholders helpers
    | ... # Etc…
    |
    |– 04-templates/
    | |– homepage.html # Index page
    | |– contact.html # Contact page
    | |– blog.html # Blog page
    | ... # Etc…
    | |– homepage.html # Index page
    | |– contact.html # Contact page
    | |– blog.html # Blog page
    | ... # Etc…
  5. revuls revised this gist Mar 27, 2014. 2 changed files with 94 additions and 47 deletions.
    47 changes: 0 additions & 47 deletions SaSS Structure
    View file
    Original file line number Diff line number Diff line change
    @@ -1,47 +0,0 @@
    sass/
    |
    |– base/
    | |– _reset.scss # Reset/normalize
    | |– _typography.scss # Typography rules
    | ... # Etc…
    |
    |– components/
    | |– _buttons.scss # Buttons
    | |– _carousel.scss # Carousel
    | |– _cover.scss # Cover
    | |– _dropdown.scss # Dropdown
    | |– _navigation.scss # Navigation
    | ... # Etc…
    |
    |– helpers/
    | |– _variables.scss # Sass Variables
    | |– _functions.scss # Sass Functions
    | |– _mixins.scss # Sass Mixins
    | |– _helpers.scss # Class & placeholders helpers
    | ... # Etc…
    |
    |– layout/
    | |– _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…
    |
    |– vendors/
    | |– _bootstrap.scss # Bootstrap
    | |– _jquery-ui.scss # jQuery UI
    | ... # Etc…
    |
    |
    |– main.scss # primary Sass file
    94 changes: 94 additions & 0 deletions Sass Structure
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,94 @@
    sass/
    |
    |– helpers/
    | |– _reset.scss # Reset/normalize
    | |– _variables.scss # Global Variables
    | |– _helpers.scss # Helper Classes
    | |– _mixins.scss # Sass Mixins
    | ... # Etc…
    |
    |– 01-elements/
    | |– _globals.scss # All the colors, Animations
    | |– _fonts.scss # Reset/normalize
    | |– _texts.scss # Typography rules
    | |– _lists.scss # Lists
    | |– _images.scss # Images
    | |– _forms.scss # Formsy
    | |– _buttons.scss # Buttons
    | |– _tables.scss # Tables
    | |– _media.scss # Video and Audio
    | |– _links.scss # Links
    | |– _grids.scss # Grid layout
    | ... # Etc…
    |
    |– 02-groups/
    | |– _header-nav.scss # Header navigation navigator
    | |– _footer-nav.scss # Footer navigator
    | |– _tabs.scss # Tabs
    | |– _breadcrumbs.scss # Dropdown
    | |– _navigation.scss # Navigation
    | |– _social.scss # Navigation
    | |– _accordion.scss # Navigation
    | ... # Etc…
    |
    |– 03-blocks/
    | |– _header.scss # Sass Variables
    | |– _footer.scss # Sass Functions
    | |– _article.scss # Sass Mixins
    | |– _posts.scss # Class & placeholders helpers
    | ... # Etc…
    |
    |– 04-templates/
    | |– _homepage.scss # Index page
    | |– _contact.scss # Contact page
    | |– _blog.scss # Blog page
    | ... # Etc…
    |
    |– vendors/
    | |– _bootstrap.scss # Bootstrap
    | |– _jquery-ui.scss # jQuery UI
    | ... # Etc…
    |
    |
    |– style.scss # primary Sass file



    html/
    |
    |– 01-elements/
    | |– grids.html # Grid layout
    | |– colors.html # colors
    | |– fonts.html # Reset/normalize
    | |– texts.html # Typography rules
    | |– lists.html # Lists
    | |– images.html # Images
    | |– forms.html # Formsy
    | |– buttons.html # Buttons
    | |– tables.html # Tables
    | |– media.html # Video and Audio
    | |– links.html # Links
    | ... # Etc…
    |
    |– 02-groups/
    | |– header-nav.html # Header navigation navigator
    | |– footer-nav.html # Footer navigator
    | |– tabs.html # Tabs
    | |– breadcrumbs.html # Dropdown
    | |– navigation.html # Navigation
    | |– social.html # Navigation
    | |– accordion.html # Navigation
    | ... # Etc…
    |
    |– 03-blocks/
    | |– header.html # Sass Variables
    | |– footer.html # Sass Functions
    | |– article.html # Sass Mixins
    | |– posts.html # Class & placeholders helpers
    | ... # Etc…
    |
    |– 04-templates/
    | |– homepage.html # Index page
    | |– contact.html # Contact page
    | |– blog.html # Blog page
    | ... # Etc…
  6. revuls renamed this gist Mar 27, 2014. 1 changed file with 0 additions and 0 deletions.
    0 Sass Structure → SaSS Structure
    View file
    File renamed without changes.
  7. revuls renamed this gist Mar 27, 2014. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → Sass Structure
    View file
    File renamed without changes.
  8. revuls revised this gist Mar 27, 2014. 1 changed file with 2 additions and 3 deletions.
    5 changes: 2 additions & 3 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    <pre>sass/
    sass/
    |
    |– base/
    | |– _reset.scss # Reset/normalize
    @@ -44,5 +44,4 @@
    | ... # Etc…
    |
    |
    `– main.scss # primary Sass file
    </pre>
    |– main.scss # primary Sass file
  9. revuls created this gist Mar 27, 2014.
    48 changes: 48 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,48 @@
    <pre>sass/
    |
    |– base/
    | |– _reset.scss # Reset/normalize
    | |– _typography.scss # Typography rules
    | ... # Etc…
    |
    |– components/
    | |– _buttons.scss # Buttons
    | |– _carousel.scss # Carousel
    | |– _cover.scss # Cover
    | |– _dropdown.scss # Dropdown
    | |– _navigation.scss # Navigation
    | ... # Etc…
    |
    |– helpers/
    | |– _variables.scss # Sass Variables
    | |– _functions.scss # Sass Functions
    | |– _mixins.scss # Sass Mixins
    | |– _helpers.scss # Class &amp; placeholders helpers
    | ... # Etc…
    |
    |– layout/
    | |– _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…
    |
    |– vendors/
    | |– _bootstrap.scss # Bootstrap
    | |– _jquery-ui.scss # jQuery UI
    | ... # Etc…
    |
    |
    `– main.scss # primary Sass file
    </pre>