TS Grid System

September 29, 2016 CSS

I thought I add a few classes just for good measure

Class Rules
ts-pad children get padding:16px
ts-no-pad children get padding:0
ts-hidden display: none
ts-shown, ts-block display: block
ts-kids-block children get display: block
ts-inline display: inline-block
ts-kids-inline children get display: inline-block
ts-align-center text-align: center
ts-align-left text-align: left
ts-align-right text-align: right
ts-vs

children get margin-top: 16px

parent gets padding-top:1px & margin-top: -16px

ts-hs

children get margin-right: 16px

:last-child margin-right:0

And of course those classes are responsive too, so you can ts-s-hidden to hide on small screens

And that’s basically it. For Now!

Pages: 1 2 3