Added box-sizing to columns

Added box-sizing to columns to allow for borders, padding etc. to be
added inside the column, thus not breaking the grid if required.
This commit is contained in:
Toby Vervaart 2013-04-12 09:23:37 +10:00
parent 7ab682091d
commit b269309d2d

View File

@ -23,7 +23,7 @@
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column, .container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -khtml-box-sizing: border-box; }
.row { margin-bottom: 20px; } .row { margin-bottom: 20px; }
/* Nested Column Classes */ /* Nested Column Classes */