Pills: A simple responsive CSS grid for humans

Re:Pills: A simple responsive CSS grid for humans by connorjburton on Thursday June 02, 2016 @09:28AM (#11822280)

Honestly, I just use

  .something
  {
  width: calc(33.33% - #{$spacing-small*3/2});
  margin-left: $spacing-small;

    &:first-of-type
    {
    margin-left: 0;
    }
  }

Well simple

[ Parent | on HN ]

Re:Pills: A simple responsive CSS grid for humans by connorjburton on Thursday June 02, 2016 @11:58AM (#11823557)

Correction:

  .something
  {
  width: calc(33.33% - #{$spacing-small*2/3});
  margin-left: $spacing-small;

    &:first-of-type
    {
    margin-left: 0;
    }
  }

[ Parent | on HN ]

Re:Pills: A simple responsive CSS grid for humans by err4nt on Thursday June 02, 2016 @01:30PM (#11824387)

  .something {
    width: calc(33.33% - .66em);
    margin-left: 1em;
  }
  .something:first-of-type {
    margin-left: 0;
  }

[ Parent | on HN ]

Re:Pills: A simple responsive CSS grid for humans by qbert on Friday June 03, 2016 @02:33AM (#11828709)

For the gutters, just do:

  .something {
    width: calc(33.33% - #{$spacing-small * 2/3});

    + .something {
      margin-left: $spacing-small;
    }
  }

[ Parent | on HN ]

Re:Pills: A simple responsive CSS grid for humans by connorjburton on Friday June 03, 2016 @05:41AM (#11829246)

I like that!

[ Parent | on HN ]