Box sizing on columns. thanks @hellotoby
This commit is contained in:
parent
2fa65efd5f
commit
5de7739b70
@ -1,4 +1,5 @@
|
|||||||
Copyright (c) 2013 Nick Pack
|
Copyright (c) 2013 Nick Pack
|
||||||
|
Based on the original skeleton project which is Copyright 2011 Dave Gamache
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person
|
Permission is hereby granted, free of charge, to any person
|
||||||
obtaining a copy of this software and associated documentation
|
obtaining a copy of this software and associated documentation
|
||||||
|
8
css/skeleton.css
vendored
8
css/skeleton.css
vendored
@ -77,7 +77,13 @@ body {
|
|||||||
float: left;
|
float: left;
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 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 {
|
.row {
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
|
@ -3,7 +3,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; @include box-sizing(border-box); }
|
||||||
.row { margin-bottom: 20px; }
|
.row { margin-bottom: 20px; }
|
||||||
|
|
||||||
/* Nested Column Classes */
|
/* Nested Column Classes */
|
||||||
|
@ -83,6 +83,9 @@
|
|||||||
box-sizing: $boxsize;
|
box-sizing: $boxsize;
|
||||||
-webkit-box-sizing: $boxsize;
|
-webkit-box-sizing: $boxsize;
|
||||||
-moz-box-sizing: $boxsize;
|
-moz-box-sizing: $boxsize;
|
||||||
|
-ms-box-sizing: $boxsize;
|
||||||
|
-o-box-sizing: $boxsize;
|
||||||
|
-khtml-box-sizing: $boxsize;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin horizontal-gradient($startColour, $endColour) {
|
@mixin horizontal-gradient($startColour, $endColour) {
|
||||||
|
Loading…
Reference in New Issue
Block a user