modularisation des dossiers

changelog.md

@@ -1,6 +1,8 @@
 # changelog v6.0.0 (21 septembre 2016)
 - suppression de include-media (crée des bugs d'encodage, nécessite un temps d'apprentissage, et n'apporte pas grand chose au final).
 - refonte des valeurs des Breakpoints et des classes responsive.
+- modularisation des fichiers et dossiers, classés par fonctions (config, vendor, library, objects, utility)
+- ajout des objects courants : media et autogrid
 
 # changelog v5.0.1 (24 mai 2016)
 - les helpers de largeurs deviennent mobile-first et ne s'activent que sur écran d'une certaine taille. Ex. `.w700p {width: 700px;}` devient `@include media('>640px') {.w700p {width: 700px;}}`. Ainsi il n'est plus nécessaire de les écraser dans la feuille de style responsive.

sass/knacss.scss

@@ -33,25 +33,25 @@
 @import "_config/_breakpoints.scss";
 @import "_config/_mixins.scss";
 
-
 // Libraries
-@import "_library-base.scss"; // basic styles
+@import "library/_base.scss"; // basic styles
-@import "_library-print.scss"; // print quick reset
+@import "library/_print.scss"; // print quick reset
-@import "_library-styling.scss"; // minor stylings
+@import "library/_styling.scss"; // minor stylings
-@import "_library-misc.scss"; // skip links, hyphens
+@import "library/_misc.scss"; // skip links, hyphens
-// @import "_library-wordpress.scss"; // WordPress reset and basic styles
+@import "library/_tables.scss"; // data tables consistency
-
+@import "library/_forms.scss"; // forms consistency
-// Layout
-@import "_layout-general.scss"; // alignment, modules, positionning
-@import "_layout-grids.scss"; // grids
 
 // Objects
-@import "_object-tables.scss"; // data tables consistency
+@import "objects/_media.scss"; // media object
-@import "_object-forms.scss"; // forms consistency
 
-// Overrides
+// Utilities
-@import "_override-helpers.scss"; // width and spacers helpers
+@import "utilities/_layout.scss"; // alignment, modules, positionning
-@import "_override-responsive.scss"; // Responsive Web Design helpers
+@import "utilities/_helpers.scss"; // width and spacers helpers
+// @import "utilities/_wordpress.scss"; // WordPress reset and basic styles
+@import "utilities/_responsive.scss"; // Responsive Web Design helpers
+
+// Grids
+@import "grids/_grillade.scss"; // grids
 
 
 /* ----------------------------- */

sass/objects/_autogrid.scss

@@ -0,0 +1,22 @@
+/* Autogrid object */
+@media (min-width: ($tiny + 1)) {
+  [class^="autogrid"],
+  [class*=" autogrid"] {
+    display: flex;
+  }
+  [class^="autogrid"] > *,
+  [class*=" autogrid"] > * {
+    flex: 1;
+    min-width: 0; /* avoid min-width:auto */
+  }
+}
+
+/* Autogrid variants */
+@media (min-width: ($tiny + 1)) {
+  .has-gutter > *:not(:first-child) {
+    margin-left: 1rem;
+  }
+  [class*="--reverse"] {
+	  flex-direction: row-reverse;
+  }
+}

sass/objects/_media.scss

@@ -0,0 +1,21 @@
+/* Media object */
+@media (min-width: ($tiny + 1)) {
+  .o-media {
+    display: flex;
+    align-items: flex-start;
+  }
+  .o-media-content {
+    flex: 1;
+    min-width: 0; /* avoid min-width:auto */
+  }
+}
+
+/* Media variants */
+@media (min-width: ($tiny + 1)) {
+  .o-media--reverse {
+    flex-direction: row-reverse;
+  }
+  .o-media-figure--center {
+    align-self: center;
+  }
+}