mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-07 22:26:57 +02:00
Code Issues Releases Wiki Activity

move table columns mixin to mixins.less

Browse Source
This commit is contained in:
Mark Otto
2012-02-21 15:18:05 -08:00
parent 575072b74b
commit 8665fa8c50
5 changed files with 501 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

288
docs/assets/css/bootstrap-responsive.css vendored
View File

@@ -210,6 +210,42 @@
.span12 { .span12 {
width: 724px; width: 724px;
} }
.span13 {
width: 786px;
}
.span14 {
width: 848px;
}
.span15 {
width: 910px;
}
.span16 {
width: 972px;
}
.span17 {
width: 1034px;
}
.span18 {
width: 1096px;
}
.span19 {
width: 1158px;
}
.span20 {
width: 1220px;
}
.span21 {
width: 1282px;
}
.span22 {
width: 1344px;
}
.span23 {
width: 1406px;
}
.span24 {
width: 1468px;
}
.container { .container {
width: 724px; width: 724px;
} }
@@ -246,6 +282,42 @@
.offset11 { .offset11 {
margin-left: 702px; margin-left: 702px;
} }
.offset12 {
margin-left: 764px;
}
.offset13 {
margin-left: 826px;
}
.offset14 {
margin-left: 888px;
}
.offset15 {
margin-left: 950px;
}
.offset16 {
margin-left: 1012px;
}
.offset17 {
margin-left: 1074px;
}
.offset18 {
margin-left: 1136px;
}
.offset19 {
margin-left: 1198px;
}
.offset20 {
margin-left: 1260px;
}
.offset21 {
margin-left: 1322px;
}
.offset22 {
margin-left: 1384px;
}
.offset23 {
margin-left: 1446px;
}
.row-fluid { .row-fluid {
width: 100%; width: 100%;
*zoom: 1; *zoom: 1;
@@ -300,6 +372,42 @@
.row-fluid > .span12 { .row-fluid > .span12 {
width: 99.999999993%; width: 99.999999993%;
} }
.row-fluid > .span13 {
width: 108.563535904%;
}
.row-fluid > .span14 {
width: 117.12707181500001%;
}
.row-fluid > .span15 {
width: 125.690607726%;
}
.row-fluid > .span16 {
width: 134.254143637%;
}
.row-fluid > .span17 {
width: 142.817679548%;
}
.row-fluid > .span18 {
width: 151.381215459%;
}
.row-fluid > .span19 {
width: 159.94475137%;
}
.row-fluid > .span20 {
width: 168.508287281%;
}
.row-fluid > .span21 {
width: 177.071823192%;
}
.row-fluid > .span22 {
width: 185.635359103%;
}
.row-fluid > .span23 {
width: 194.19889501400002%;
}
.row-fluid > .span24 {
width: 202.762430925%;
}
input.span1, textarea.span1, .uneditable-input.span1 { input.span1, textarea.span1, .uneditable-input.span1 {
width: 32px; width: 32px;
} }
@@ -336,6 +444,42 @@
input.span12, textarea.span12, .uneditable-input.span12 { input.span12, textarea.span12, .uneditable-input.span12 {
width: 714px; width: 714px;
} }
input.span13, textarea.span13, .uneditable-input.span13 {
width: 776px;
}
input.span14, textarea.span14, .uneditable-input.span14 {
width: 838px;
}
input.span15, textarea.span15, .uneditable-input.span15 {
width: 900px;
}
input.span16, textarea.span16, .uneditable-input.span16 {
width: 962px;
}
input.span17, textarea.span17, .uneditable-input.span17 {
width: 1024px;
}
input.span18, textarea.span18, .uneditable-input.span18 {
width: 1086px;
}
input.span19, textarea.span19, .uneditable-input.span19 {
width: 1148px;
}
input.span20, textarea.span20, .uneditable-input.span20 {
width: 1210px;
}
input.span21, textarea.span21, .uneditable-input.span21 {
width: 1272px;
}
input.span22, textarea.span22, .uneditable-input.span22 {
width: 1334px;
}
input.span23, textarea.span23, .uneditable-input.span23 {
width: 1396px;
}
input.span24, textarea.span24, .uneditable-input.span24 {
width: 1458px;
}
} }
@media (max-width: 979px) { @media (max-width: 979px) {
body { body {
@@ -499,6 +643,42 @@
.span12 { .span12 {
width: 1170px; width: 1170px;
} }
.span13 {
width: 1270px;
}
.span14 {
width: 1370px;
}
.span15 {
width: 1470px;
}
.span16 {
width: 1570px;
}
.span17 {
width: 1670px;
}
.span18 {
width: 1770px;
}
.span19 {
width: 1870px;
}
.span20 {
width: 1970px;
}
.span21 {
width: 2070px;
}
.span22 {
width: 2170px;
}
.span23 {
width: 2270px;
}
.span24 {
width: 2370px;
}
.container { .container {
width: 1170px; width: 1170px;
} }
@@ -535,6 +715,42 @@
.offset11 { .offset11 {
margin-left: 1130px; margin-left: 1130px;
} }
.offset12 {
margin-left: 1230px;
}
.offset13 {
margin-left: 1330px;
}
.offset14 {
margin-left: 1430px;
}
.offset15 {
margin-left: 1530px;
}
.offset16 {
margin-left: 1630px;
}
.offset17 {
margin-left: 1730px;
}
.offset18 {
margin-left: 1830px;
}
.offset19 {
margin-left: 1930px;
}
.offset20 {
margin-left: 2030px;
}
.offset21 {
margin-left: 2130px;
}
.offset22 {
margin-left: 2230px;
}
.offset23 {
margin-left: 2330px;
}
.row-fluid { .row-fluid {
width: 100%; width: 100%;
*zoom: 1; *zoom: 1;
@@ -589,6 +805,42 @@
.row-fluid > .span12 { .row-fluid > .span12 {
width: 100%; width: 100%;
} }
.row-fluid > .span13 {
width: 108.547008547%;
}
.row-fluid > .span14 {
width: 117.09401709400001%;
}
.row-fluid > .span15 {
width: 125.64102564100001%;
}
.row-fluid > .span16 {
width: 134.18803418800002%;
}
.row-fluid > .span17 {
width: 142.735042735%;
}
.row-fluid > .span18 {
width: 151.282051282%;
}
.row-fluid > .span19 {
width: 159.82905982900002%;
}
.row-fluid > .span20 {
width: 168.376068376%;
}
.row-fluid > .span21 {
width: 176.923076923%;
}
.row-fluid > .span22 {
width: 185.47008547000001%;
}
.row-fluid > .span23 {
width: 194.017094017%;
}
.row-fluid > .span24 {
width: 202.564102564%;
}
input.span1, textarea.span1, .uneditable-input.span1 { input.span1, textarea.span1, .uneditable-input.span1 {
width: 60px; width: 60px;
} }
@@ -625,6 +877,42 @@
input.span12, textarea.span12, .uneditable-input.span12 { input.span12, textarea.span12, .uneditable-input.span12 {
width: 1160px; width: 1160px;
} }
input.span13, textarea.span13, .uneditable-input.span13 {
width: 1260px;
}
input.span14, textarea.span14, .uneditable-input.span14 {
width: 1360px;
}
input.span15, textarea.span15, .uneditable-input.span15 {
width: 1460px;
}
input.span16, textarea.span16, .uneditable-input.span16 {
width: 1560px;
}
input.span17, textarea.span17, .uneditable-input.span17 {
width: 1660px;
}
input.span18, textarea.span18, .uneditable-input.span18 {
width: 1760px;
}
input.span19, textarea.span19, .uneditable-input.span19 {
width: 1860px;
}
input.span20, textarea.span20, .uneditable-input.span20 {
width: 1960px;
}
input.span21, textarea.span21, .uneditable-input.span21 {
width: 2060px;
}
input.span22, textarea.span22, .uneditable-input.span22 {
width: 2160px;
}
input.span23, textarea.span23, .uneditable-input.span23 {
width: 2260px;
}
input.span24, textarea.span24, .uneditable-input.span24 {
width: 2360px;
}
.thumbnails { .thumbnails {
margin-left: -30px; margin-left: -30px;
} }

204
docs/assets/css/bootstrap.css vendored
View File

@@ -170,6 +170,42 @@ a:hover {
.span12 { .span12 {
width: 940px; width: 940px;
} }
.span13 {
width: 1020px;
}
.span14 {
width: 1100px;
}
.span15 {
width: 1180px;
}
.span16 {
width: 1260px;
}
.span17 {
width: 1340px;
}
.span18 {
width: 1420px;
}
.span19 {
width: 1500px;
}
.span20 {
width: 1580px;
}
.span21 {
width: 1660px;
}
.span22 {
width: 1740px;
}
.span23 {
width: 1820px;
}
.span24 {
width: 1900px;
}
.container { .container {
width: 940px; width: 940px;
} }
@@ -206,6 +242,42 @@ a:hover {
.offset11 { .offset11 {
margin-left: 900px; margin-left: 900px;
} }
.offset12 {
margin-left: 980px;
}
.offset13 {
margin-left: 1060px;
}
.offset14 {
margin-left: 1140px;
}
.offset15 {
margin-left: 1220px;
}
.offset16 {
margin-left: 1300px;
}
.offset17 {
margin-left: 1380px;
}
.offset18 {
margin-left: 1460px;
}
.offset19 {
margin-left: 1540px;
}
.offset20 {
margin-left: 1620px;
}
.offset21 {
margin-left: 1700px;
}
.offset22 {
margin-left: 1780px;
}
.offset23 {
margin-left: 1860px;
}
.row-fluid { .row-fluid {
width: 100%; width: 100%;
*zoom: 1; *zoom: 1;
@@ -260,6 +332,42 @@ a:hover {
.row-fluid > .span12 { .row-fluid > .span12 {
width: 99.99999998999999%; width: 99.99999998999999%;
} }
.row-fluid > .span13 {
width: 108.510638287%;
}
.row-fluid > .span14 {
width: 117.02127658399999%;
}
.row-fluid > .span15 {
width: 125.531914881%;
}
.row-fluid > .span16 {
width: 134.042553178%;
}
.row-fluid > .span17 {
width: 142.553191475%;
}
.row-fluid > .span18 {
width: 151.063829772%;
}
.row-fluid > .span19 {
width: 159.57446806899998%;
}
.row-fluid > .span20 {
width: 168.085106366%;
}
.row-fluid > .span21 {
width: 176.595744663%;
}
.row-fluid > .span22 {
width: 185.10638296000002%;
}
.row-fluid > .span23 {
width: 193.617021257%;
}
.row-fluid > .span24 {
width: 202.127659554%;
}
.container { .container {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@@ -759,6 +867,42 @@ input.span11, textarea.span11, .uneditable-input.span11 {
input.span12, textarea.span12, .uneditable-input.span12 { input.span12, textarea.span12, .uneditable-input.span12 {
width: 930px; width: 930px;
} }
input.span13, textarea.span13, .uneditable-input.span13 {
width: 1010px;
}
input.span14, textarea.span14, .uneditable-input.span14 {
width: 1090px;
}
input.span15, textarea.span15, .uneditable-input.span15 {
width: 1170px;
}
input.span16, textarea.span16, .uneditable-input.span16 {
width: 1250px;
}
input.span17, textarea.span17, .uneditable-input.span17 {
width: 1330px;
}
input.span18, textarea.span18, .uneditable-input.span18 {
width: 1410px;
}
input.span19, textarea.span19, .uneditable-input.span19 {
width: 1490px;
}
input.span20, textarea.span20, .uneditable-input.span20 {
width: 1570px;
}
input.span21, textarea.span21, .uneditable-input.span21 {
width: 1650px;
}
input.span22, textarea.span22, .uneditable-input.span22 {
width: 1730px;
}
input.span23, textarea.span23, .uneditable-input.span23 {
width: 1810px;
}
input.span24, textarea.span24, .uneditable-input.span24 {
width: 1890px;
}
input[disabled], input[disabled],
select[disabled], select[disabled],
textarea[disabled], textarea[disabled],
@@ -1185,6 +1329,66 @@ table .span12 {
width: 924px; width: 924px;
margin-left: 0; margin-left: 0;
} }
table .span13 {
float: none;
width: 1004px;
margin-left: 0;
}
table .span14 {
float: none;
width: 1084px;
margin-left: 0;
}
table .span15 {
float: none;
width: 1164px;
margin-left: 0;
}
table .span16 {
float: none;
width: 1244px;
margin-left: 0;
}
table .span17 {
float: none;
width: 1324px;
margin-left: 0;
}
table .span18 {
float: none;
width: 1404px;
margin-left: 0;
}
table .span19 {
float: none;
width: 1484px;
margin-left: 0;
}
table .span20 {
float: none;
width: 1564px;
margin-left: 0;
}
table .span21 {
float: none;
width: 1644px;
margin-left: 0;
}
table .span22 {
float: none;
width: 1724px;
margin-left: 0;
}
table .span23 {
float: none;
width: 1804px;
margin-left: 0;
}
table .span24 {
float: none;
width: 1884px;
margin-left: 0;
}
[class^="icon-"], [class*=" icon-"] { [class^="icon-"], [class*=" icon-"] {
display: inline-block; display: inline-block;
width: 14px; width: 14px;

9
less/mixins.less
View File

@@ -319,6 +319,15 @@
} }
} }
// Table grid system
// -------------------------
.tableColumns(@columnSpan: 1) {
float: none; // undo default grid column styles
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells
margin-left: 0; // undo default grid column styles
}
// Make a Grid // Make a Grid
// ------------------------- // -------------------------
// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior // Use .makeRow and .makeColumn to assign semantic layouts grid system behavior

5
less/tables.less
View File

@@ -129,11 +129,6 @@ table {
// ----------------- // -----------------
// Change the columns // Change the columns
.tableColumns(@columnSpan: 1) {
float: none;
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16;
margin-left: 0;
}
table { table {
.span1 { .tableColumns(1); } .span1 { .tableColumns(1); }
.span2 { .tableColumns(2); } .span2 { .tableColumns(2); }