+ 
-
+
+ 
| | | | |
-[Small learning curve](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#small-learning-curve) | | | | |
-[Easy-to-implement](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#easy-to-implement) | | |
-[Works with Masonry](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#works-with-masonry) | | | |
-[Terse markup](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#terse-markup) | | | | | |
-[On-the-fly grids](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#on-the-fly-grids) | | | | | |
-[Clean markup](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#clean-markup) | | | | | |
-[Real gutters](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#real-gutters) | | | | | |
-[Sass support](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#sass-support) | | | | | |
-[Stylus support](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#stylus-support) | | | |
-[LESS support](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#less-support) | |
-[CSS support](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#css-support) | | |
-[No Additional Ratio Context](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#no-additional-ratio-context) | | |
-[Consistent Gutters on All Sides](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#consistent-gutters-on-all-sides) |
-[Lightweight](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#lightweight) |
-[Vertical Grids](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#vertical-grids) |
-[Waffle Grids](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#waffle-grids) |
-[Fixed Gutters](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#fixed-gutters) |
-[Flexbox Grids](https://github.com/peterramsing/lost/wiki/Comparison-Explanation#flexbox-grids) | | |
-
-If you notice anything in this table is incorrect, please don't hesitate to [open an issue](https://github.com/peterramsing/lost/issues/new) or [tweet](https://twitter.com/lostgrid)
-
-**[:arrow_up: back to top](#table-of-contents)**
-
-
-
### Getting Started
Lost Grid rules look like this:
@@ -108,9 +71,9 @@ And the processed CSS looks like this:
```css
div {
- width: calc(99.99% * 1/3 - (30px - 30px * 1/3));
+ width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
}
-div:nth-child(n) {
+div:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
@@ -119,14 +82,12 @@ div:last-child {
margin-right: 0;
}
div:nth-child(3n) {
- float: right;
margin-right: 0;
+ float: right;
}
div:nth-child(3n + 1) {
- clear: left;
+ clear: both;
}
-
-/*# sourceMappingURL=style.css.map */
```
**[:arrow_up: back to top](#table-of-contents)**
@@ -494,15 +455,18 @@ Lost uses PostCSS which means to override global variables we need to use someth
@lost gutter 60px;
@lost flexbox flex;
@lost cycle none;
+@lost clearing left
.foo {
...
}
```
-- `gutter` accepts any unit value. `30px` by default.
+- `gutter` accepts any unit value. `30px` (default).
- `flexbox` accepts `flex` or `no-flex` (default).
- `cycle` accepts `none` or any digit (although this is really weird). `auto` by default.
+- `clearing` accepts `left` or `both` (default).
+ - See [#276](https://github.com/peterramsing/lost/issues/276) for details
**[:arrow_up: back to top](#table-of-contents)**
@@ -619,6 +583,7 @@ Creates a row that is a fraction of the size of its containing element's height
- `fraction` - This is a simple fraction of the containing element's height.
- `gutter` - The margin on the bottom of the element used to create a gutter. Typically this is left alone and settings.gutter will be used, but you can override it here if you want certain elements to have a particularly large or small gutter (pass 0 for no gutter at all).
- `flex|no-flex` - Determines whether this element should use Flexbox or not.
+- `none` - Resets the row (back to browser defaults)
```css
section {
@@ -775,7 +740,7 @@ div {
- If you're using [Less](http://lesscss.org/) there are sometimes issues with fractions being divided before Lost can interpret them.
- To fix, escape the math like so: `lost-column: ~"1/2";`.
- See: [Lost issue 229](https://github.com/peterramsing/lost/issues/229), [Less issue 974](https://github.com/less/less.js/issues/974)
-- If you're using [Less](http://lesscss.org/) you need to escape any `@lost` declarations like so: [See Issue 197](https://github.com/peterramsing/lost/issues/197#issuecomment-170324607)
+- If you're using [Less](http://lesscss.org/) in version `<2.6` you need to escape any `@lost` declarations like so: [See Issue 197](https://github.com/peterramsing/lost/issues/197#issuecomment-170324607)
```less
.escape-at-rules(@literal) {
@@ -802,10 +767,9 @@ div {
### Thanks
- [Cory Simmons](https://github.com/corysimmons) for creating this grid!
-- [Alex Bass](http://abass.co) for letting me bounce ideas off of him.
+- [Alex Bass](http://abass.co) for being available to bounce ideas off of.
- [Maria Keller](https://dribbble.com/mariakeller) for the amazing logo. Be sure to hire her for all your design and motion graphic needs.
- Everyone who files an [Issue](https://github.com/peterramsing/lost/issues) when something isn't working as expected.
-- Everyone who is *actually* interested in my work on grids.
**[:arrow_up: back to top](#table-of-contents)**
diff --git a/lib/lost-at-rule.js b/lib/lost-at-rule.js
index 96bb2861..ea5452b0 100644
--- a/lib/lost-at-rule.js
+++ b/lib/lost-at-rule.js
@@ -12,6 +12,9 @@ module.exports = function lostAtRule(css, settings) {
css.walkAtRules('lost', function(rule) {
rule.params = rule.params.split(' ');
+ if (rule.params[0] == 'clearing') {
+ settings.clearing = rule.params[1];
+ }
if (rule.params[0] == 'gutter') {
settings.gutter = rule.params[1];
}
diff --git a/lib/lost-center.js b/lib/lost-center.js
index c811671c..725e12ac 100644
--- a/lib/lost-center.js
+++ b/lib/lost-center.js
@@ -61,11 +61,6 @@ module.exports = function lostCenterDecl(css, settings) {
});
if (lostCenterFlexbox === 'no-flex') {
- decl.cloneBefore({
- prop: '*zoom',
- value: '1'
- });
-
newBlock(
decl,
':after',
diff --git a/lib/lost-column.js b/lib/lost-column.js
index a583a817..626afde2 100644
--- a/lib/lost-column.js
+++ b/lib/lost-column.js
@@ -106,18 +106,11 @@ module.exports = function lostColumnDecl(css, settings) {
newBlock(
decl,
':nth-child('+ lostColumnCycle +'n)',
- ['margin-right'],
- [0]
+ ['margin-right', 'margin-left'],
+ [0, 'auto']
);
}
- newBlock(
- decl,
- ':nth-child('+ lostColumnCycle +'n)',
- ['float'],
- ['right']
- );
-
newBlock(
decl,
':last-child',
@@ -127,34 +120,45 @@ module.exports = function lostColumnDecl(css, settings) {
newBlock(
decl,
- ':nth-child(n)',
- ['margin-right'],
- [lostColumnGutter]
+ ':nth-child(1n)',
+ ['margin-right', 'margin-left'],
+ [lostColumnGutter, 0]
);
+
} else {
if (lostColumnCycle !== 0) {
+
+ if (settings.clearing === 'left') {
+ newBlock(
+ decl,
+ ':nth-child('+ lostColumnCycle +'n + 1)',
+ ['clear'],
+ ['left']
+ );
+ } else {
+ newBlock(
+ decl,
+ ':nth-child('+ lostColumnCycle +'n + 1)',
+ ['clear'],
+ ['both']
+ );
+ }
+
newBlock(
decl,
- ':nth-child('+ lostColumnCycle +'n + 1)',
- ['clear'],
- ['left']
+ ':nth-child('+ lostColumnCycle +'n)',
+ ['margin-right', 'float'],
+ [0, 'right']
);
-
+ } else {
newBlock(
decl,
':nth-child('+ lostColumnCycle +'n)',
- ['margin-right'],
- [0]
+ ['float'],
+ ['right']
);
}
- newBlock(
- decl,
- ':nth-child('+ lostColumnCycle +'n)',
- ['float'],
- ['right']
- );
-
newBlock(
decl,
':last-child',
@@ -164,7 +168,7 @@ module.exports = function lostColumnDecl(css, settings) {
newBlock(
decl,
- ':nth-child(n)',
+ ':nth-child(1n)',
['float', 'margin-right', 'clear'],
['left', lostColumnGutter, 'none']
);
@@ -173,12 +177,12 @@ module.exports = function lostColumnDecl(css, settings) {
if (lostColumnGutter !== '0') {
decl.cloneBefore({
prop: 'width',
- value: 'calc(99.99% * '+ lostColumn +' - ('+ lostColumnGutter +' - '+ lostColumnGutter +' * '+ lostColumn +'))'
+ value: 'calc(99.9% * '+ lostColumn +' - ('+ lostColumnGutter +' - '+ lostColumnGutter +' * '+ lostColumn +'))'
});
} else {
decl.cloneBefore({
prop: 'width',
- value: 'calc(99.999999% * '+ lostColumn +')'
+ value: 'calc(99.9% * '+ lostColumn +')'
});
}
} else {
@@ -188,13 +192,6 @@ module.exports = function lostColumnDecl(css, settings) {
value: 'auto'
});
- newBlock(
- decl,
- ':nth-child(1n)',
- ['float', 'clear', 'margin-right', 'width'],
- ['none', 'none', 0, 'auto']
- );
-
newBlock(
decl,
':nth-child(1n + 1)',
@@ -204,7 +201,7 @@ module.exports = function lostColumnDecl(css, settings) {
newBlock(
decl,
- ':nth-child(n)',
+ ':nth-child(1n)',
['float', 'clear', 'margin-right', 'width'],
['none', 'none', 0, 'auto']
);
diff --git a/lib/lost-masonry-column.js b/lib/lost-masonry-column.js
index c4d5b83a..b27fe418 100644
--- a/lib/lost-masonry-column.js
+++ b/lib/lost-masonry-column.js
@@ -88,7 +88,7 @@ module.exports = function lostMasonryColumnDecl(css, settings) {
if (lostMasonryColumnGutter !== '0') {
cloneAllBefore({
- 'width': 'calc(99.99% * '+ lostMasonryColumn +' - '+ lostMasonryColumnGutter +')',
+ 'width': 'calc(99.9% * '+ lostMasonryColumn +' - '+ lostMasonryColumnGutter +')',
'margin-left': (parseInt(lostMasonryColumnGutter) / 2) + lostMasonryColumnGutterUnit,
'margin-right': (parseInt(lostMasonryColumnGutter) / 2) + lostMasonryColumnGutterUnit
});
@@ -96,7 +96,7 @@ module.exports = function lostMasonryColumnDecl(css, settings) {
} else {
cloneAllBefore({
- 'width': 'calc(99.999999% * '+ lostMasonryColumn +')',
+ 'width': 'calc(99.9% * '+ lostMasonryColumn +')',
'margin-left': (parseInt(lostMasonryColumnGutter) / 2) + lostMasonryColumnGutterUnit,
'margin-right': (parseInt(lostMasonryColumnGutter) / 2) + lostMasonryColumnGutterUnit
});
diff --git a/lib/lost-masonry-wrap.js b/lib/lost-masonry-wrap.js
index a7eb53fd..13aa31c3 100644
--- a/lib/lost-masonry-wrap.js
+++ b/lib/lost-masonry-wrap.js
@@ -75,11 +75,6 @@ module.exports = function lostMasonryWrapDecl(css, settings) {
});
if (lostMasonryWrapFlexbox !== 'flex') {
- decl.cloneBefore({
- prop: '*zoom',
- value: '1'
- });
-
newBlock(
decl,
':after',
diff --git a/lib/lost-move.js b/lib/lost-move.js
index 4077405f..21ce3dde 100644
--- a/lib/lost-move.js
+++ b/lib/lost-move.js
@@ -66,7 +66,7 @@ module.exports = function lostMoveDecl(css, settings) {
if (lostMoveGutter !== '0') {
decl.cloneBefore({
prop: 'top',
- value: 'calc(99.99% * '+ lostMove +' - ('+ lostMoveGutter +' - '+ lostMoveGutter +' * '+ lostMove +') + '+ lostMoveGutter +')'
+ value: 'calc(99.9% * '+ lostMove +' - ('+ lostMoveGutter +' - '+ lostMoveGutter +' * '+ lostMove +') + '+ lostMoveGutter +')'
});
} else {
decl.cloneBefore({
@@ -78,7 +78,7 @@ module.exports = function lostMoveDecl(css, settings) {
if (lostMoveGutter !== '0') {
decl.cloneBefore({
prop: 'left',
- value: 'calc(99.99% * '+ lostMove +' - ('+ lostMoveGutter +' - '+ lostMoveGutter +' * '+ lostMove +') + '+ lostMoveGutter +')'
+ value: 'calc(99.9% * '+ lostMove +' - ('+ lostMoveGutter +' - '+ lostMoveGutter +' * '+ lostMove +') + '+ lostMoveGutter +')'
});
} else {
decl.cloneBefore({
diff --git a/lib/lost-offset.js b/lib/lost-offset.js
index 6fc4490b..160e75f4 100644
--- a/lib/lost-offset.js
+++ b/lib/lost-offset.js
@@ -71,7 +71,7 @@ module.exports = function lostOffsetDecl(css, settings) {
if (lostOffsetGutter !== '0') {
decl.cloneBefore({
prop: 'margin-bottom',
- value: 'calc(99.99% * '+ lostOffset +' - ('+ lostOffsetGutter +' - '+ lostOffsetGutter +' * '+ lostOffset +') + ('+ lostOffsetGutter +' * 2)) !important'
+ value: 'calc(99.9% * '+ lostOffset +' - ('+ lostOffsetGutter +' - '+ lostOffsetGutter +' * '+ lostOffset +') + ('+ lostOffsetGutter +' * 2)) !important'
});
} else {
decl.cloneBefore({
@@ -83,7 +83,7 @@ module.exports = function lostOffsetDecl(css, settings) {
if (lostOffsetGutter !== '0') {
decl.cloneBefore({
prop: 'margin-top',
- value: 'calc(99.99% * ('+ lostOffset +' * -1) - ('+ lostOffsetGutter +' - '+ lostOffsetGutter +' * ('+ lostOffset +' * -1)) + '+ lostOffsetGutter +') !important'
+ value: 'calc(99.9% * ('+ lostOffset +' * -1) - ('+ lostOffsetGutter +' - '+ lostOffsetGutter +' * ('+ lostOffset +' * -1)) + '+ lostOffsetGutter +') !important'
});
} else {
decl.cloneBefore({
@@ -107,7 +107,7 @@ module.exports = function lostOffsetDecl(css, settings) {
if (lostOffsetGutter !== '0') {
decl.cloneBefore({
prop: 'margin-right',
- value: 'calc(99.99% * '+ lostOffset +' - ('+ lostOffsetGutter +' - '+ lostOffsetGutter +' * '+ lostOffset +') + ('+ lostOffsetGutter +' * 2)) !important'
+ value: 'calc(99.9% * '+ lostOffset +' - ('+ lostOffsetGutter +' - '+ lostOffsetGutter +' * '+ lostOffset +') + ('+ lostOffsetGutter +' * 2)) !important'
});
} else {
decl.cloneBefore({
@@ -119,7 +119,7 @@ module.exports = function lostOffsetDecl(css, settings) {
if (lostOffsetGutter !== '0') {
decl.cloneBefore({
prop: 'margin-left',
- value: 'calc(99.99% * ('+ lostOffset +' * -1) - ('+ lostOffsetGutter +' - '+ lostOffsetGutter +' * ('+ lostOffset +' * -1)) + '+ lostOffsetGutter +') !important'
+ value: 'calc(99.9% * ('+ lostOffset +' * -1) - ('+ lostOffsetGutter +' - '+ lostOffsetGutter +' * ('+ lostOffset +' * -1)) + '+ lostOffsetGutter +') !important'
});
} else {
decl.cloneBefore({
diff --git a/lib/lost-row.js b/lib/lost-row.js
index f8944901..81fef470 100644
--- a/lib/lost-row.js
+++ b/lib/lost-row.js
@@ -16,6 +16,8 @@ var newBlock = require('./new-block.js');
* @param {string} [flex|no-flex] - Determines whether this element should
* use Flexbox or not.
*
+ * @param {string} [none] - Resets to a standard browser default.
+ *
* @example
* section {
* height: 100%;
@@ -31,74 +33,93 @@ module.exports = function lostRowDecl(css, settings) {
lostRowGutter = settings.gutter,
lostRowFlexbox = settings.flexbox;
- declArr = decl.value.split(' ');
- lostRow = declArr[0];
+ if (decl.value !== 'none') {
+ declArr = decl.value.split(' ');
+ lostRow = declArr[0];
- if (declArr[1] !== undefined && declArr[1].search(/^\d/) !== -1) {
- lostRowGutter = declArr[1];
- }
+ if (declArr[1] !== undefined && declArr[1].search(/^\d/) !== -1) {
+ lostRowGutter = declArr[1];
+ }
- if (declArr.indexOf('flex') !== -1) {
- lostRowFlexbox = 'flex';
- }
+ if (declArr.indexOf('flex') !== -1) {
+ lostRowFlexbox = 'flex';
+ }
- if (declArr.indexOf('no-flex') !== -1) {
- lostRowFlexbox = 'no-flex';
- }
+ if (declArr.indexOf('no-flex') !== -1) {
+ lostRowFlexbox = 'no-flex';
+ }
- decl.parent.nodes.forEach(function (decl) {
- if (decl.prop == 'lost-row-gutter') {
- lostRowGutter = decl.value;
+ decl.parent.nodes.forEach(function (decl) {
+ if (decl.prop == 'lost-row-gutter') {
+ lostRowGutter = decl.value;
- decl.remove();
- }
- });
+ decl.remove();
+ }
+ });
- decl.parent.nodes.forEach(function (decl) {
- if (decl.prop == 'lost-row-flexbox') {
- if (decl.prop == 'flex') {
- lostRowFlexbox = 'flex';
+ decl.parent.nodes.forEach(function (decl) {
+ if (decl.prop == 'lost-row-flexbox') {
+ if (decl.prop == 'flex') {
+ lostRowFlexbox = 'flex';
+ }
+
+ decl.remove();
}
+ });
- decl.remove();
+ decl.cloneBefore({
+ prop: 'width',
+ value: '100%'
+ });
+
+ if (lostRowFlexbox === 'flex') {
+ decl.cloneBefore({
+ prop: 'flex',
+ value: '0 0 auto'
+ });
}
- });
- decl.cloneBefore({
- prop: 'width',
- value: '100%'
- });
+ if (lostRowGutter !== '0') {
+ decl.cloneBefore({
+ prop: 'height',
+ value: 'calc(99.9% * '+ lostRow +' - ('+ lostRowGutter +' - '+ lostRowGutter +' * '+ lostRow +'))'
+ });
+ } else {
+ decl.cloneBefore({
+ prop: 'height',
+ value: 'calc(99.9% * '+ lostRow +')'
+ });
+ }
- if (lostRowFlexbox === 'flex') {
decl.cloneBefore({
- prop: 'flex',
- value: '0 0 auto'
+ prop: 'margin-bottom',
+ value: lostRowGutter
});
- }
- if (lostRowGutter !== '0') {
+ newBlock(
+ decl,
+ ':last-child',
+ ['margin-bottom'],
+ [0]
+ );
+ } else {
decl.cloneBefore({
- prop: 'height',
- value: 'calc(99.99% * '+ lostRow +' - ('+ lostRowGutter +' - '+ lostRowGutter +' * '+ lostRow +'))'
+ prop: 'width',
+ value: 'auto'
});
- } else {
+
decl.cloneBefore({
prop: 'height',
- value: 'calc(99.999999% * '+ lostRow +')'
+ value: 'auto'
+ });
+
+ decl.cloneBefore({
+ prop: 'margin-bottom',
+ value: '0'
});
}
- decl.cloneBefore({
- prop: 'margin-bottom',
- value: lostRowGutter
- });
-
- newBlock(
- decl,
- ':last-child',
- ['margin-bottom'],
- [0]
- );
+
decl.remove();
});
diff --git a/lib/lost-utility.js b/lib/lost-utility.js
index dc8d35df..e4d05a4d 100644
--- a/lib/lost-utility.js
+++ b/lib/lost-utility.js
@@ -31,11 +31,6 @@ module.exports = function lostUtilityDecl(css, settings) {
}
if (decl.value == 'clearfix') {
- decl.cloneBefore({
- prop: '*zoom',
- value: '1'
- });
-
newBlock(
decl,
':after',
diff --git a/lib/lost-waffle.js b/lib/lost-waffle.js
index 7165649d..e9745acb 100644
--- a/lib/lost-waffle.js
+++ b/lib/lost-waffle.js
@@ -120,15 +120,8 @@ module.exports = function lostWaffleDecl(css, settings) {
newBlock(
decl,
':nth-child('+ lostWaffleCycle + 'n)',
- ['float'],
- ['right']
- );
-
- newBlock(
- decl,
- ':nth-child('+ lostWaffleCycle +'n)',
- ['margin-right'],
- [0]
+ ['margin-right', 'margin-left'],
+ [0, 'auto']
);
}
@@ -141,9 +134,9 @@ module.exports = function lostWaffleDecl(css, settings) {
newBlock(
decl,
- ':nth-child(n)',
- ['margin-right', 'margin-bottom'],
- [lostWaffleGutter, lostWaffleGutter]
+ ':nth-child(1n)',
+ ['margin-right', 'margin-bottom', 'margin-left'],
+ [lostWaffleGutter, lostWaffleGutter, 0]
);
} else {
if (lostWaffleCycle !== 0) {
@@ -154,25 +147,27 @@ module.exports = function lostWaffleDecl(css, settings) {
[0]
);
- newBlock(
- decl,
- ':nth-child('+ lostWaffleCycle +'n + 1)',
- ['clear'],
- ['left']
- );
+ if (settings.clearing === 'left') {
+ newBlock(
+ decl,
+ ':nth-child('+ lostWaffleCycle +'n + 1)',
+ ['clear'],
+ ['left']
+ );
+ } else {
+ newBlock(
+ decl,
+ ':nth-child('+ lostWaffleCycle +'n + 1)',
+ ['clear'],
+ ['both']
+ );
+ }
newBlock(
decl,
':nth-child('+ lostWaffleCycle + 'n)',
- ['float'],
- ['right']
- );
-
- newBlock(
- decl,
- ':nth-child('+ lostWaffleCycle +'n)',
- ['margin-right'],
- [0]
+ ['margin-right', 'float'],
+ [0, 'right']
);
}
@@ -185,7 +180,7 @@ module.exports = function lostWaffleDecl(css, settings) {
newBlock(
decl,
- ':nth-child(n)',
+ ':nth-child(1n)',
['float', 'margin-right', 'margin-bottom', 'clear'],
['left', lostWaffleGutter, lostWaffleGutter, 'none']
);
@@ -193,13 +188,13 @@ module.exports = function lostWaffleDecl(css, settings) {
if (lostWaffleGutter !== '0') {
cloneAllBefore({
- 'width': 'calc(99.99% * '+ lostWaffle +' - ('+ lostWaffleGutter +' - '+ lostWaffleGutter +' * '+ lostWaffle +'))',
- 'height': 'calc(99.99% * '+ lostWaffle +' - ('+ lostWaffleGutter +' - '+ lostWaffleGutter +' * '+ lostWaffle +'))'
+ 'width': 'calc(99.9% * '+ lostWaffle +' - ('+ lostWaffleGutter +' - '+ lostWaffleGutter +' * '+ lostWaffle +'))',
+ 'height': 'calc(99.9% * '+ lostWaffle +' - ('+ lostWaffleGutter +' - '+ lostWaffleGutter +' * '+ lostWaffle +'))'
});
} else {
cloneAllBefore({
- 'width': 'calc(99.999999% * '+ lostWaffle +')',
- 'height': 'calc(99.999999% * '+ lostWaffle +')'
+ 'width': 'calc(99.9% * '+ lostWaffle +')',
+ 'height': 'calc(99.9% * '+ lostWaffle +')'
});
}
diff --git a/lost.js b/lost.js
index 7bc297f4..988e8544 100644
--- a/lost.js
+++ b/lost.js
@@ -21,11 +21,12 @@ var libs = [
var defaultSettings = {
gutter: '30px',
flexbox: 'no-flex',
- cycle: 'auto'
+ cycle: 'auto',
+ clearing: 'both'
};
module.exports = postcss.plugin('lost', function lost(settings) {
- settings = assign(defaultSettings, settings || {});
+ settings = assign({}, defaultSettings, settings || {});
return function (css) {
libs.forEach(function(lib) {
diff --git a/package.json b/package.json
index cde78c8d..064e82dd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "lost",
- "version": "6.7.0",
+ "version": "7.0.2",
"description": "PostCSS fractional grid system built with calc() by the guy who built Jeet. Supports masonry, vertical, and waffle grids.",
"main": "lost.js",
"repository": {
@@ -16,12 +16,12 @@
"fraction",
"ratio"
],
- "author": "Cory Simmons",
+ "author": "Cory Simmons & Peter Ramsing