Fix carousel control margin asymmetry

dffbf8ff · Nikolay Shebanov · a419e41c · dffbf8ff
Commit dffbf8ff authored 11 years ago by Nikolay Shebanov
Hide whitespace changes
Inline Side-by-side

Showing

with 11 additions and 2 deletions
+11 -2
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -110,20 +110,22 @@
  .icon-prev,
  .glyphicon-chevron-left {
    left: 50%;
+    margin-left: -10px;
  }
  .icon-next,
  .glyphicon-chevron-right {
    right: 50%;
+    margin-right: -10px;
  }
  .icon-prev,
  .icon-next {
    width:  20px;
    height: 20px;
    margin-top: -10px;
-    margin-left: -10px;
    font-family: serif;
  }

+
  .icon-prev {
    &:before {
      content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
@@ -213,9 +215,16 @@
      width: 30px;
      height: 30px;
      margin-top: -15px;
-      margin-left: -15px;
      font-size: 30px;
    }
+    .glyphicon-chevron-left,
+    .icon-prev {
+      margin-left: -15px;
+    }
+    .glyphicon-chevron-right,
+    .icon-next {
+      margin-right: -15px;
+    }
  }

  // Show and left align the captions