]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
docs: update list of Sass includes
authorNicolas Coden <nicolas@ncoden.fr>
Thu, 11 Jan 2018 22:12:33 +0000 (23:12 +0100)
committerNicolas Coden <nicolas@ncoden.fr>
Thu, 11 Jan 2018 22:13:36 +0000 (23:13 +0100)
docs/pages/sass.md
meteor-README.md

index ead2a9b245fe132cb6027d60db1258ec8ea5c8b5..e08fb827980ed01b7349737f8cbe92bfac22373a 100644 (file)
@@ -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;
 ```
 
 ---
index f6cf5678e9c942d2a94c22a3cfbfda840af5b6b3..06b2eafd95d55b27c3b82ac12e17f98d1205fa6c 100644 (file)
@@ -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.