From cedc0231e712227c43053387daa8c2787547eb54 Mon Sep 17 00:00:00 2001 From: Peter Ramsing Date: Fri, 1 Jan 2016 23:41:14 -0800 Subject: [PATCH 1/2] initial test written for this --- test/lost-move.js | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/test/lost-move.js b/test/lost-move.js index 896c1504..19559f35 100644 --- a/test/lost-move.js +++ b/test/lost-move.js @@ -42,4 +42,16 @@ describe('lost-move', function() { ' + 60px); }' ); }); + it('supports retaining gutter set by lost-column', function() { + check( + 'a { lost-column: 1/3 0 0} \m a { lost-move: 1/3}', + 'a { width: calc(99.999999% * 1/3)}\n' + + 'a:nth-child(n) { float: left; margin-right: 0; clear: none}\n' + + 'a:last-child { margin-right: 0}\n' + + 'a:nth-child(0n) { margin-right: 0}\n' + + 'a:nth-child(0n + 1) { clear: left}\n' + + 'a { position: relative; left: calc(99.99% * 1/3)' + + ' + 30px); }' + ); + }); }); From eb4deea5c44b805e802d68d084714c2bbdd01b18 Mon Sep 17 00:00:00 2001 From: Peter Ramsing Date: Sat, 2 Jan 2016 08:23:10 -0800 Subject: [PATCH 2/2] Updates the test for lost-move * fixes a typo * reflects the lost-move adding its rules to the lost-column rules --- test/lost-move.js | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/test/lost-move.js b/test/lost-move.js index 19559f35..ac68869b 100644 --- a/test/lost-move.js +++ b/test/lost-move.js @@ -44,14 +44,13 @@ describe('lost-move', function() { }); it('supports retaining gutter set by lost-column', function() { check( - 'a { lost-column: 1/3 0 0} \m a { lost-move: 1/3}', - 'a { width: calc(99.999999% * 1/3)}\n' + + 'a { lost-column: 1/3 0 0} \n' + + 'a { lost-move: 1/3}', + 'a { width: calc(99.999999% * 1/3); position: relative; left: calc(99.999999% * 1/3)}\n' + 'a:nth-child(n) { float: left; margin-right: 0; clear: none}\n' + 'a:last-child { margin-right: 0}\n' + 'a:nth-child(0n) { margin-right: 0}\n' + - 'a:nth-child(0n + 1) { clear: left}\n' + - 'a { position: relative; left: calc(99.99% * 1/3)' + - ' + 30px); }' + 'a:nth-child(0n + 1) { clear: left}' ); }); });