Move grid/container styles to grid.less; update docs; add offsetting back

This commit is contained in:
Mark Otto
2013-01-17 00:42:31 -08:00
parent 255cb87734
commit 687d4a3eeb
7 changed files with 163 additions and 121 deletions

View File

@@ -204,16 +204,14 @@ table {
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (max-device-width: 480px) {
html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
}
@@ -726,6 +724,94 @@ pre code {
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
[class^="span"] {
float: left;
}
.span1 {
width: 8.3333333%;
}
.span2 {
width: 16.6666667%;
}
.span3 {
width: 25%;
}
.span4 {
width: 33.3333333%;
}
.span5 {
width: 41.666666667%;
}
.span6 {
width: 50%;
}
.span7 {
width: 58.333333333%;
}
.span8 {
width: 66.666666667%;
}
.span9 {
width: 75%;
}
.span10 {
width: 83.333333333%;
}
.span11 {
width: 91.666666667%;
}
.offset1 {
margin-left: 8.3333333%;
}
.offset2 {
margin-left: 16.6666667%;
}
.offset3 {
margin-left: 25%;
}
.offset4 {
margin-left: 33.3333333%;
}
.offset5 {
margin-left: 41.666666667%;
}
.offset6 {
margin-left: 50%;
}
.offset7 {
margin-left: 58.333333333%;
}
.offset8 {
margin-left: 66.666666667%;
}
.offset9 {
margin-left: 75%;
}
.offset10 {
margin-left: 83.333333333%;
}
.offset11 {
margin-left: 91.666666667%;
}
}
@media screen and (min-width: 992px) {
.container {
max-width: 940px;
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1170px;
}
[class^="span"] {
padding-right: 15px;
padding-left: 15px;
}
}
[class*="span"].pull-right {
float: right;
}
@@ -4544,69 +4630,6 @@ a.badge:hover {
position: fixed;
}
@media screen and (min-width: 768px) {
[class^="span"] {
float: left;
}
.span1 {
width: 8.3333333%;
}
.span2 {
width: 16.6666667%;
}
.span3 {
width: 25%;
}
.span4 {
width: 33.3333333%;
}
.span5 {
width: 41.666666667%;
}
.span6 {
width: 50%;
}
.span7 {
width: 58.333333333%;
}
.span8 {
width: 66.666666667%;
}
.span9 {
width: 75%;
}
.span10 {
width: 83.333333333%;
}
.span11 {
width: 91.666666667%;
}
}
@media screen and (min-width: 992px) {
{
/* body {
font-size: 1.6rem;
font-size: 16px;
}
*/
}
.container {
max-width: 940px;
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1170px;
}
[class^="span"] {
padding-right: 15px;
padding-left: 15px;
}
}
/*
// Responsive
// -------------------------------------------------------------

View File

@@ -139,6 +139,9 @@ section > ul li {
/* Special grid styles
-------------------------------------------------- */
.show-grid {
margin-bottom: 15px;
}
.show-grid [class^="span"] {
padding-top: 10px;
padding-bottom: 10px;