docs: update list of Sass includes

ncoden · Jan 11, 2018 · 952c9c6 · 952c9c6
1 parent 7ab9707
commit 952c9c6
Show file tree

Hide file tree

Showing 2 changed files with 82 additions and 49 deletions.
diff --git a/docs/pages/sass.md b/docs/pages/sass.md
@@ -111,46 +111,60 @@ Our [starter projects](starter-projects.html) include the full list of imports,
 ```scss
 @import 'foundation';
 
+// Global styles
 @include foundation-global-styles;
+
+// Grids (choose one)
 @include foundation-xy-grid-classes;
-//@include foundation-grid;
-//@include foundation-flex-grid;
-@include foundation-flex-classes;
+// @include foundation-flex-grid;
+// @include foundation-grid;
+
+// Generic components
+@include foundation-table;
 @include foundation-typography;
 @include foundation-forms;
+@include foundation-label;
+@include foundation-slider;
+@include foundation-progress-bar;
+@include foundation-switch;
 @include foundation-button;
-@include foundation-accordion;
-@include foundation-accordion-menu;
-@include foundation-badge;
-@include foundation-breadcrumbs;
+@include foundation-close-button;
 @include foundation-button-group;
+// Basic components
+@include foundation-tooltip;
+@include foundation-badge;
 @include foundation-callout;
 @include foundation-card;
-@include foundation-close-button;
+@include foundation-dropdown;
+@include foundation-pagination;
+@include foundation-breadcrumbs;
+
+// Containers
+@include foundation-accordion;
+@include foundation-orbit;
+@include foundation-thumbnail;
+@include foundation-tabs;
+@include foundation-media-object;
+@include foundation-responsive-embed;
+// Menu-based containers
 @include foundation-menu;
 @include foundation-menu-icon;
-@include foundation-drilldown-menu;
-@include foundation-dropdown;
+@include foundation-accordion-menu;
 @include foundation-dropdown-menu;
-@include foundation-responsive-embed;
-@include foundation-label;
-@include foundation-media-object;
+@include foundation-drilldown-menu;
+
+// Layout components
+@include foundation-top-bar;
+@include foundation-title-bar;
 @include foundation-off-canvas;
-@include foundation-orbit;
-@include foundation-pagination;
-@include foundation-progress-bar;
-@include foundation-slider;
 @include foundation-sticky;
 @include foundation-reveal;
-@include foundation-switch;
-@include foundation-table;
-@include foundation-tabs;
-@include foundation-thumbnail;
-@include foundation-title-bar;
-@include foundation-tooltip;
-@include foundation-top-bar;
-@include foundation-visibility-classes;
+
+// Helpers
 @include foundation-float-classes;
+@include foundation-flex-classes;
+@include foundation-visibility-classes;
+// @include foundation-prototype-classes;
 ```
 
 ---

diff --git a/meteor-README.md b/meteor-README.md
@@ -33,41 +33,60 @@ Each component has an export mixin which prints out the CSS for that component.
 Or you can comment out the components you don't need:
 
 ```
+// Global styles
 @include foundation-global-styles;
-@include foundation-grid;
+
+// Grids (choose one)
+@include foundation-xy-grid-classes;
+// @include foundation-flex-grid;
+// @include foundation-grid;
+
+// Generic components
+@include foundation-table;
 @include foundation-typography;
-@include foundation-button;
 @include foundation-forms;
-@include foundation-visibility-classes;
-@include foundation-float-classes;
-@include foundation-accordion;
-@include foundation-accordion-menu;
-@include foundation-badge;
-@include foundation-breadcrumbs;
+@include foundation-label;
+@include foundation-slider;
+@include foundation-progress-bar;
+@include foundation-switch;
+@include foundation-button;
+@include foundation-close-button;
 @include foundation-button-group;
+// Basic components
+@include foundation-tooltip;
+@include foundation-badge;
 @include foundation-callout;
-@include foundation-close-button;
-@include foundation-drilldown-menu;
+@include foundation-card;
 @include foundation-dropdown;
-@include foundation-dropdown-menu;
-@include foundation-responsive-embed;
-@include foundation-label;
+@include foundation-pagination;
+@include foundation-breadcrumbs;
+
+// Containers
+@include foundation-accordion;
+@include foundation-orbit;
+@include foundation-thumbnail;
+@include foundation-tabs;
 @include foundation-media-object;
+@include foundation-responsive-embed;
+// Menu-based containers
 @include foundation-menu;
+@include foundation-menu-icon;
+@include foundation-accordion-menu;
+@include foundation-dropdown-menu;
+@include foundation-drilldown-menu;
+
+// Layout components
+@include foundation-top-bar;
+@include foundation-title-bar;
 @include foundation-off-canvas;
-@include foundation-orbit;
-@include foundation-pagination;
-@include foundation-progress-bar;
-@include foundation-slider;
 @include foundation-sticky;
 @include foundation-reveal;
-@include foundation-switch;
-@include foundation-table;
-@include foundation-tabs;
-@include foundation-thumbnail;
-@include foundation-title-bar;
-@include foundation-tooltip;
-@include foundation-top-bar;
+
+// Helpers
+@include foundation-float-classes;
+@include foundation-flex-classes;
+@include foundation-visibility-classes;
+// @include foundation-prototype-classes;
 ```
 
 Note: For now there is a Motion-UI library added in the package (css, js files). It is needed for some Foundation plugins. Maybe in the future it will be separated package.