rohitkrai03/pills

A simple responsive CSS Grid for humans. View Demo -

pills's Issues

Bower install docs

Since you don't have a master branch, running bower install pills does not resolve. Docs should read: bower install pills#gh-pages... or create a master branch. Thanks!

Download link

Ahoy there! The download link on your site = 404

Why not flexbox?

Why did you choose to support IE8? Why not move forward with flexbox?

Add it to npm please

Many people do not user bower anymore

Different layouts on different screen sizes?

Nice library.

Apologies if I missed something - but how would I go about having a set of elements occupy a different number of cols on different screen sizes?

Say I had a set of divs that were to be 4 cols on a large screen, 6 cols on a med screen, and 12 cols on a small screen...

I can see in the demo that everything changes to a single column when the window is mobile portrait sized. Is this the only "responsiveness" available?

Thank you

Prefix classes

In my opinion row and column are too generic.
I suggest prefixing it with either grid-, pills- or p-.

Confusing wide/wider new classes

hi, I'm on pills 1.0.1, in dist/ I can only see this

@media screen and (min-width: 1180px) {
  .wide .row,
  .row .wide {
   margin: 0 auto;
   max-width: 1180px;
 }
}
 
 @media screen and (min-width: 1366px) {
   .wider .row,
   .row .wider {
     margin: 0 auto;
     max-width: 1366px;
   }
 } 

question here

1. this commit only on gh-pages branch?
2. what's the correct way to use the wide/wider/free-width classes. it should be inline or in parent/child

Any chance of removing the following styles

Firstly fantastic framework, secondly I see this as an agnostic framework - just for grids which needs to be accompanied with a reset and other formatting styles, so with that said, is it necessary to have these styles as they will be included in the reset?

html, body {
  margin: 0;
  padding: 0; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; } 

also would be nice for the row to not have a predefined max-width

line-height 1.66

the default line-height is 1.66 are break the grids.

Add build procress

There are no instructions which tools are used to compile and to minify the scss files.
I suggest adding a task runner like gulp or Grunt

any planes about react native?