Adds ability for lost-row to keep gutter for lost-move

peterramsing · Dec 2, 2016 · d2240f5 · d2240f5
1 parent 2af7306
commit d2240f5
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/lib/lost-move.js b/lib/lost-move.js
@@ -60,6 +60,18 @@ module.exports = function lostMoveDecl(css, settings) {
       }
     });
 
+    decl.parent.nodes.forEach( (declaration) => {
+      if (declaration.prop === 'lost-row') {
+        let rowArray = declaration.value.split(' ');
+        if (rowArray[1]) {
+          lostMoveGutter = rowArray[1];
+        }
+      }
+      if (declaration.prop === 'lost-row-gutter') {
+        lostMoveGutter = declaration.value;
+      }
+    });
+
     decl.parent.nodes.forEach(function lostMoveDirectionFunction(declaration) {
       if (declaration.prop === 'lost-move-direction') {
         lostMoveDirection = declaration.value;

diff --git a/test/lost-move.js b/test/lost-move.js
@@ -53,6 +53,18 @@ describe('lost-move', function() {
       `a:nth-child(3n + 1) { clear: both; }`
     );
   });
+
+  it('retains the lost-row gutter', () => {
+    check(
+      `a { lost-row: 1/3 50px; lost-move: -1/3 column; }`,
+      `a { width: 100%; height: calc(99.9% * 1/3 - (50px - 50px * 1/3)); margin-bottom: 50px; position: relative; top: calc(99.9% * -1/3 - (50px - 50px * -1/3) + 50px); }\n`+
+      `a:last-child { margin-bottom: 0; }`
+    );
+    check(
+      `a { lost-row: 1/3; lost-move: -1/3 column; lost-row-gutter: 50px; }`,
+      `a { width: 100%; height: calc(99.9% * 1/3 - (50px - 50px * 1/3)); margin-bottom: 50px; position: relative; top: calc(99.9% * -1/3 - (50px - 50px * -1/3) + 50px); }\n`+
+      `a:last-child { margin-bottom: 0; }`
+    );
   });
 
   it('supports custom gutter', function() {