style: sort Sass components inside each category alphabetically

Note:
* forms & typograph has been moved to global styles, as they apply properties on tags and not custom components
* Accodtion/Drilldrown/Dropdown menus must be after `menu`

diff --git a/docs/pages/sass.md b/docs/pages/sass.md
index e08fb827980ed01b7349737f8cbe92bfac22373a..736ec0e273ed30af0a58a506c82c47f06ec4b028 100644 (file)
--- a/docs/pages/sass.md
+++ b/docs/pages/sass.md
@@ -113,56 +113,56 @@ Our [starter projects](starter-projects.html) include the full list of imports,
 
 // Global styles
 @include foundation-global-styles;
+@include foundation-forms;
+@include foundation-typography;
 
 // Grids (choose one)
 @include foundation-xy-grid-classes;
-// @include foundation-flex-grid;
 // @include foundation-grid;
+// @include foundation-flex-grid;
 
 // Generic components
-@include foundation-table;
-@include foundation-typography;
-@include foundation-forms;
+@include foundation-button;
+@include foundation-button-group;
+@include foundation-close-button;
 @include foundation-label;
-@include foundation-slider;
 @include foundation-progress-bar;
+@include foundation-slider;
 @include foundation-switch;
-@include foundation-button;
-@include foundation-close-button;
-@include foundation-button-group;
+@include foundation-table;
 // Basic components
-@include foundation-tooltip;
 @include foundation-badge;
+@include foundation-breadcrumbs;
 @include foundation-callout;
 @include foundation-card;
 @include foundation-dropdown;
 @include foundation-pagination;
-@include foundation-breadcrumbs;
+@include foundation-tooltip;
 
 // Containers
 @include foundation-accordion;
-@include foundation-orbit;
-@include foundation-thumbnail;
-@include foundation-tabs;
 @include foundation-media-object;
+@include foundation-orbit;
 @include foundation-responsive-embed;
+@include foundation-tabs;
+@include foundation-thumbnail;
 // Menu-based containers
 @include foundation-menu;
 @include foundation-menu-icon;
 @include foundation-accordion-menu;
-@include foundation-dropdown-menu;
 @include foundation-drilldown-menu;
+@include foundation-dropdown-menu;
 
 // Layout components
-@include foundation-top-bar;
-@include foundation-title-bar;
 @include foundation-off-canvas;
-@include foundation-sticky;
 @include foundation-reveal;
+@include foundation-sticky;
+@include foundation-title-bar;
+@include foundation-top-bar;
 
 // Helpers
 @include foundation-float-classes;
-@include foundation-flex-classes;
+// @include foundation-flex-classes;
 @include foundation-visibility-classes;
 // @include foundation-prototype-classes;
 ```

diff --git a/meteor-README.md b/meteor-README.md
index 06b2eafd95d55b27c3b82ac12e17f98d1205fa6c..1b5f193b2adbe049a59bd16fb7d589f52bfcac6c 100644 (file)
--- a/meteor-README.md
+++ b/meteor-README.md
@@ -33,58 +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:
 
 ```
+@import 'foundation';
+
 // Global styles
 @include foundation-global-styles;
+@include foundation-forms;
+@include foundation-typography;
 
 // Grids (choose one)
 @include foundation-xy-grid-classes;
-// @include foundation-flex-grid;
 // @include foundation-grid;
+// @include foundation-flex-grid;
 
 // Generic components
-@include foundation-table;
-@include foundation-typography;
-@include foundation-forms;
+@include foundation-button;
+@include foundation-button-group;
+@include foundation-close-button;
 @include foundation-label;
-@include foundation-slider;
 @include foundation-progress-bar;
+@include foundation-slider;
 @include foundation-switch;
-@include foundation-button;
-@include foundation-close-button;
-@include foundation-button-group;
+@include foundation-table;
 // Basic components
-@include foundation-tooltip;
 @include foundation-badge;
+@include foundation-breadcrumbs;
 @include foundation-callout;
 @include foundation-card;
 @include foundation-dropdown;
 @include foundation-pagination;
-@include foundation-breadcrumbs;
+@include foundation-tooltip;
 
 // Containers
 @include foundation-accordion;
-@include foundation-orbit;
-@include foundation-thumbnail;
-@include foundation-tabs;
 @include foundation-media-object;
+@include foundation-orbit;
 @include foundation-responsive-embed;
+@include foundation-tabs;
+@include foundation-thumbnail;
 // Menu-based containers
 @include foundation-menu;
 @include foundation-menu-icon;
 @include foundation-accordion-menu;
-@include foundation-dropdown-menu;
 @include foundation-drilldown-menu;
+@include foundation-dropdown-menu;
 
 // Layout components
-@include foundation-top-bar;
-@include foundation-title-bar;
 @include foundation-off-canvas;
-@include foundation-sticky;
 @include foundation-reveal;
+@include foundation-sticky;
+@include foundation-title-bar;
+@include foundation-top-bar;
 
 // Helpers
 @include foundation-float-classes;
-@include foundation-flex-classes;
+// @include foundation-flex-classes;
 @include foundation-visibility-classes;
 // @include foundation-prototype-classes;
 ```

diff --git a/scss/foundation.scss b/scss/foundation.scss
index 267bb5d91c85641ec7d702b56742f001db926412..e156b8d0f3d2555af09891e9f42a3a206600a76c 100644 (file)
--- a/scss/foundation.scss
+++ b/scss/foundation.scss
@@ -25,50 +25,50 @@
 @import 'util/util';
 // Global styles
 @import 'global';
+@import 'forms/forms';
+@import 'typography/typography';
 
 // Grids
 @import 'grid/grid';
 @import 'xy-grid/xy-grid';
 // Generic components
-@import 'typography/typography';
-@import 'forms/forms';
-@import 'components/table';
+@import 'components/button';
+@import 'components/button-group';
+@import 'components/close-button';
 @import 'components/label';
-@import 'components/slider';
 @import 'components/progress-bar';
+@import 'components/slider';
 @import 'components/switch';
-@import 'components/button';
-@import 'components/close-button';
-@import 'components/button-group';
+@import 'components/table';
 // Basic components
-@import 'components/tooltip';
 @import 'components/badge';
+@import 'components/breadcrumbs';
 @import 'components/callout';
 @import 'components/card';
 @import 'components/dropdown';
 @import 'components/pagination';
-@import 'components/breadcrumbs';
+@import 'components/tooltip';
 
 // Containers
 @import 'components/accordion';
-@import 'components/orbit';
-@import 'components/thumbnail';
-@import 'components/tabs';
 @import 'components/media-object';
+@import 'components/orbit';
 @import 'components/responsive-embed';
+@import 'components/tabs';
+@import 'components/thumbnail';
 // Menu-based containers
 @import 'components/menu';
 @import 'components/menu-icon';
 @import 'components/accordion-menu';
-@import 'components/dropdown-menu';
 @import 'components/drilldown';
+@import 'components/dropdown-menu';
 
 // Layout components
-@import 'components/top-bar';
-@import 'components/title-bar';
 @import 'components/off-canvas';
-@import 'components/sticky';
 @import 'components/reveal';
+@import 'components/sticky';
+@import 'components/title-bar';
+@import 'components/top-bar';
 
 // Helpers
 @import 'components/float';
@@ -92,6 +92,8 @@
 
   // Global styles
   @include foundation-global-styles;
+  @include foundation-forms;
+  @include foundation-typography;
 
   // Grids
   @if not $flex {
@@ -107,45 +109,43 @@
   }
 
   // Generic components
-  @include foundation-table;
-  @include foundation-typography;
-  @include foundation-forms;
+  @include foundation-button;
+  @include foundation-button-group;
+  @include foundation-close-button;
   @include foundation-label;
-  @include foundation-slider;
   @include foundation-progress-bar;
+  @include foundation-slider;
   @include foundation-switch;
-  @include foundation-button;
-  @include foundation-close-button;
-  @include foundation-button-group;
+  @include foundation-table;
   // Basic components
-  @include foundation-tooltip;
   @include foundation-badge;
+  @include foundation-breadcrumbs;
   @include foundation-callout;
   @include foundation-card;
   @include foundation-dropdown;
   @include foundation-pagination;
-  @include foundation-breadcrumbs;
+  @include foundation-tooltip;
 
   // Containers
   @include foundation-accordion;
-  @include foundation-orbit;
-  @include foundation-thumbnail;
-  @include foundation-tabs;
   @include foundation-media-object;
+  @include foundation-orbit;
   @include foundation-responsive-embed;
+  @include foundation-tabs;
+  @include foundation-thumbnail;
   // Menu-based containers
   @include foundation-menu;
   @include foundation-menu-icon;
   @include foundation-accordion-menu;
-  @include foundation-dropdown-menu;
   @include foundation-drilldown-menu;
+  @include foundation-dropdown-menu;
 
   // Layout components
-  @include foundation-top-bar;
-  @include foundation-title-bar;
   @include foundation-off-canvas;
-  @include foundation-sticky;
   @include foundation-reveal;
+  @include foundation-sticky;
+  @include foundation-title-bar;
+  @include foundation-top-bar;
 
   // Helpers
   @include foundation-float-classes;