From 77cd015cf001856e1530babfa47b013bd08ab2ad Mon Sep 17 00:00:00 2001
From: Sojaner <sojaner@gmail.com>
Date: Thu, 27 Feb 2014 12:35:58 +0330
Subject: [PATCH] Fix for issue #12854 where push and pull resets
The col-*-push-0 and col-*-pull-0 classes try to reset the positioning using 0% but this prevents the opposite direction positioning to freeze and not being set correctly.
To fix that, these must set the position to auto instead of 0% with means left:auto and right:auto instead of left:0% and right:0%.
---
less/mixins.less | 14 ++++++++++++--
1 file changed, 12 insertions(+), 2 deletions(-)
diff --git a/less/mixins.less b/less/mixins.less
index 4432cfc2db..d024a36ad1 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -827,16 +827,26 @@
width: percentage((@index / @grid-columns));
}
}
-.calc-grid-column(@index, @class, @type) when (@type = push) {
+.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
.col-@{class}-push-@{index} {
left: percentage((@index / @grid-columns));
}
}
-.calc-grid-column(@index, @class, @type) when (@type = pull) {
+.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
+ .col-@{class}-push-0 {
+ left: auto;
+ }
+}
+.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
.col-@{class}-pull-@{index} {
right: percentage((@index / @grid-columns));
}
}
+.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
+ .col-@{class}-pull-0 {
+ right: auto;
+ }
+}
.calc-grid-column(@index, @class, @type) when (@type = offset) {
.col-@{class}-offset-@{index} {
margin-left: percentage((@index / @grid-columns));
--
GitLab