Skip to content

Commit

Permalink
Adds a gotcha regarding Less and @ rules to address issue #197
Browse files Browse the repository at this point in the history
When using Less there needs to be a mixin to escape the @ rules. This
adds some simple documentation for it.
  • Loading branch information
peterramsing committed Jan 11, 2016
1 parent 88b2248 commit 8eaf3b4
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -755,6 +755,15 @@ 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)

```less
.escape-at-rules(@literal) {
@namespace ~"lostgrid; @{literal}";
}

.escape-at-rules("@lost flexbox flex");
```


**[:arrow_up: back to top](#table-of-contents)**
Expand Down

0 comments on commit 8eaf3b4

Please sign in to comment.