mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-11 16:14:04 +02:00
Proper spacing between offsets
row-fluids don't have the same negative margin-left as rows. This was throwing everything off. So added a different rule for first-child and subsequent "spans".
This commit is contained in:
10
less/mixins.less
Executable file → Normal file
10
less/mixins.less
Executable file → Normal file
@@ -597,13 +597,19 @@
|
|||||||
.spanX (0) {}
|
.spanX (0) {}
|
||||||
|
|
||||||
.offsetX (@index) when (@index > 0) {
|
.offsetX (@index) when (@index > 0) {
|
||||||
(~'.offset@{index}, .row-fluid .offset@{index}:first-child') { .offset(@index); }
|
(~'.offset@{index}') { .offset(@index); }
|
||||||
|
(~'.offset@{index}:first-child') { .offsetFirstChild(@index); }
|
||||||
.offsetX(@index - 1);
|
.offsetX(@index - 1);
|
||||||
}
|
}
|
||||||
.offsetX (0) {}
|
.offsetX (0) {}
|
||||||
|
|
||||||
.offset (@columns) {
|
.offset (@columns) {
|
||||||
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + @fluidGridGutterWidth;
|
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);
|
||||||
|
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.offsetFirstChild (@columns) {
|
||||||
|
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);
|
||||||
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user