shido/src/less/grid/scol.less

Build fast with Shido, a CSS framework for building custom designs without any annoying style or component you have to fight to override.

[class*=":scol-"] {
  display: inline-block;
  padding: @s-column-padding;
  vertical-align: middle;
  width: (@s-grid * @s-columns) * 1%;
}

each(@breakpoints-min, .(@px, @breakpoint) {
  @media (min-width: @px) {
    each(range(@s-columns), .(@loop) {
      .@{breakpoint}\:scol-@{loop} {
        width: (@s-grid * @loop) * 1%;
      }
    })
  }
})