Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

peterramsing/lost

Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

People

Repo info

Activity

Jun 30 22:43

peterramsing on v9.0.0

(compare)
Jun 30 22:34

peterramsing on bump-for-9

(compare)
Jun 30 22:34

peterramsing closed #455
Jun 30 22:34

peterramsing on master

Does the bumpy things for v9 Merge pull request #455 from pe… (compare)
Jun 30 22:34

codecov[bot] commented #455
Jun 30 22:34

codecov[bot] commented #455
Jun 30 22:34

codecov[bot] commented #455
Jun 30 22:33

peterramsing opened #455
Jun 30 22:32

peterramsing on bump-for-9

Does the bumpy things for v9 (compare)
Jun 30 22:29

peterramsing closed #453
Jun 30 22:29

peterramsing on master

fix(plugin): fix options assign… chore(test): add test for plugi… Merge branch 'master' into feat… and 2 more (compare)
Jun 30 22:28

peterramsing commented #453
Jun 30 22:27

codecov[bot] commented #453
Jun 30 22:26

codecov[bot] commented #453
Jun 30 22:26

codecov[bot] commented #453
Jun 30 20:41

codecov[bot] commented #453
Jun 30 20:41

ThornWalli synchronize #453
Jun 30 20:32

codecov[bot] commented #453
Jun 30 20:32

ThornWalli synchronize #453
Jun 30 20:19

peterramsing commented #453

Peter Ramsing

@peterramsing

@marcustisater see: http://lostgrid.org

And they’re removed from the README in the next version: https://github.com/peterramsing/lost/tree/beta
(pending community feedback)

Cory Simmons

@corysimmons

Hey @marcustisater I'm working in DC now. No sleep....

Marcus Tisäter

@marcustisater

Sweet @corysimmons

@peterramsing oh I didn't know. It looks good!

btw did you have any idea about my inline-block thing

Peter Ramsing

@peterramsing

Shucks, I totally forgot to look when I got home. I'll write it down for today.

Peter Ramsing

@peterramsing

@marcustisater Is this a one-off grid you need to make or is this something that needs to be dynamic?

Here’s a pen if it’s one-off: http://codepen.io/peterramsing/pen/WoopVv

Peter Ramsing

@peterramsing

Here’s a pen if it needs to be a bit more dynamic but it does have to override the width to be not based on percentages but instead pixels. If you’re using a pre-processor you can easily just set this to a variable and be set!

http://codepen.io/peterramsing/pen/jVyxpo

Peter Ramsing

@peterramsing

Local and global gutter variables are coming to LostGrid version 8! …I just need to finish this PR: peterramsing/lost#346

Cory Simmons

@corysimmons

:tada:

Marcus Tisäter

@marcustisater

Hmm, do I need to set a height? I would like to stack 5 columns and the two last ones would center. sort of like this if you think flex perspective http://codepen.io/marcustisaters/pen/ObbbYb

http://codepen.io/marcustisaters/pen/XNpwyz

back to table ;)

anyway, thanks for the wip

I'll try work from it

Peter Ramsing

@peterramsing

I set the height so there was a height. The height would be based on the content w/o it and since it was a mockup there was no content. :)

The last two being centered? …you could have something that might count the children and if they aren’t a multiple of 3 then it would add margin-left to the second to last element? …or the last element if there was just one in the bottom row?

…it depends on if it’s a one-off grid or something that would be dynamic. (marketing site or app?)

Marcus Tisäter

@marcustisater

No, it's not going to be dynamic

so yeah maybe I could count it in CSS

Whoops, I meant it's going to be dynamic. Editors of the website can add rows so I would never know if there would be 4 or 5 children

argh

Peter Ramsing

@peterramsing

I could play on it some more but you if you need IE9 I’d say do some JS magic…it would probably self document better and IE 11 might like it better than doing masive CSS magic.

Marcus Tisäter

@marcustisater

yup

Peter Ramsing

@peterramsing

👍🏻

Peter Ramsing

@peterramsing

Working on some syntax and would love some community feedback. lost-local-gutter or lost-declaration-gutter? (Or another idea entirely!)

Kirill

@kbytin

lost-gutter-local (--local) is BEM approach and easier to remember

Peter Ramsing

@peterramsing

Hmm. I like that approach! Thanks for the insight!

Cory Simmons

@corysimmons

Why not just lost-gutter? If they're using it globally it'd be @lost-gutter, if they're using it locally, it'd be lost-gutter:?

Peter Ramsing

@peterramsing

Hmm. I feel like that wouldn't be enough differentiation but it's worth a ponder.

Peter Ramsing

@peterramsing

LostGrid v8 is getting ready to go but I have some time before release on the 31st so what should I add to the release?

Cory Simmons

@corysimmons

Hm. I'm not sure. Any issues in mind already?

peterramsing/lost#344 looks interesting

Were you ever able to break Lost's size calculator out to its own function?

Like width: lost-size(1/4); or something?

I think that'd be pretty nice and might solve #344

(as well as others)

Peter Ramsing

@peterramsing

I was just going to keep chipping away at the slated point releases and bring those into the 8.0 release but pulling from the backlog is also acceptable. What the community wants is what I want. :smile:

Cory Simmons

@corysimmons

/shrug

Peter Ramsing

@peterramsing

👍🏻

Julio Canares

@juliocanares_twitter

is there support for less?

Peter Ramsing

@peterramsing

@juliocanares_twitter Yes, LostGrid works with any pre-processed CSS.

Julio Canares

@juliocanares_twitter

I couldnt get it working, where can I read how to implement in less?

Peter Ramsing

@peterramsing

Your less should be transpiled to vanilla CSS before having LostGrid transpile it. My guess is you have your PostCSS build task before your less task in your task runner. I'm in an airport right now but if I get a moment to sit I'll link you to some stuff.

Peter Ramsing

@peterramsing

@juliocanares_twitter Were you able to get this or would you still like me to get you an example? I am working on adding install/workflow examples and instructions to the docs sites soon but let me know if you need anything specifically for your setup.

Peter Ramsing

@peterramsing

Happy New Year…Here’s the latest version of LostGrid! http://peter.coffee/lostgrid-version-8 🎊

Julio Canares

@juliocanares_twitter

Happy new year

Cory Simmons

@corysimmons

@peterramsing Great changes in 8. Good work. I'm so happy with what you've done with Lost. Happy New Year man. =)