Lost Grid?

[0x4e]

I cant seem to get LOST to work with this package.

https://github.com/peterramsing/lost/wiki/Installation

[Julian Ćwirko]

Hi, I'll check this out asap. I'll keep you posted.

[Julian Ćwirko]

What exactly doesn't work? Because I have done a quick test and everything seems to be ok.
My test is on Meteor 1.3-rc.2 and postcss package in version 1.0.0-rc.2 but in older version the core logic is the same so it should also work. Lost version is 6.7.2 and PostCss version is 5.0.19 What I test is:

.lost-demo {
    lost-column: 1/3;
}

my output:

.lost-demo {
  width: calc(99.99% * 1/3 - (30px - 30px * 1/3));
}

.lost-demo:nth-child(1n) {
  float: left;
  margin-right: 30px;
  clear: none;
}

.lost-demo:last-child {
  margin-right: 0;
}

.lost-demo:nth-child(3n) {
  margin-right: 0;
  float: right;
}

.lost-demo:nth-child(3n + 1) {
  clear: left;
}

[0x4e]

@juliancwirko , how did you install lost?

This is my package.json's postcss section

"postcss": {
    "plugins": {
      "postcss-import": {},
      "lost": {}
    }
  }

How is your css file setup?
I have the same test in a main.css

and none of the lost attributes are being transformed.

[Julian Ćwirko]

have you installed it by: npm install lost --save-dev ?

My package.json file is something like:

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "author": "",
  "devDependencies": {
    "autoprefixer": "^6.3.3",
    "lost": "^6.7.2",
    "postcss-import": "^8.0.2"
  },
  "postcss": {
    "plugins": {
      "postcss-import": {},
      "lost": {},
      "autoprefixer": {
        "browsers": [
          "last 2 versions"
        ]
      }
    }
  }
}

of course all in Meteor 1.3-rc.2 and juliancwirko:postcss at version 1.0.0-rc.2

[0x4e]

Interesting, I think i may have just needed to restart meteor, because it worked out of nowhere.

Can confirm everything is working on rc.2 :)