Merge pull request kenwheeler#2090 from leggomuhgreggo/master

Add slick-dotted to slider when dots enable so spacing is triggered instead of default
krisimmig · Feb 2, 2016 · a5f823b · a5f823b
2 parents a06adb5 + 3cf605d
commit a5f823b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/slick/slick-theme.css b/slick/slick-theme.css
@@ -114,20 +114,21 @@
 }
 
 /* Dots */
-.slick-slider
+.slick-dotted.slick-slider
 {
     margin-bottom: 30px;
 }
 
 .slick-dots
 {
     position: absolute;
-    bottom: -45px;
+    bottom: -25px;
 
     display: block;
 
     width: 100%;
     padding: 0;
+    margin: 0;
 
     list-style: none;
 

diff --git a/slick/slick-theme.less b/slick/slick-theme.less
@@ -104,17 +104,18 @@
 
 /* Dots */
 
-.slick-slider {
+.slick-dotted .slick-slider {
     margin-bottom: 30px;
 }
 
 .slick-dots {
     position: absolute;
-    bottom: -45px;
+    bottom: -25px;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0;
+    margin: 0;
     width: 100%;
     li {
         position: relative;

diff --git a/slick/slick-theme.scss b/slick/slick-theme.scss
@@ -125,17 +125,18 @@ $slick-opacity-not-active: 0.25 !default;
 
 /* Dots */
 
-.slick-slider {
+.slick-dotted.slick-slider {
     margin-bottom: 30px;
 }
 
 .slick-dots {
     position: absolute;
-    bottom: -45px;
+    bottom: -25px;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0;
+    margin: 0;
     width: 100%;
     li {
         position: relative;

diff --git a/slick/slick.js b/slick/slick.js
@@ -483,6 +483,8 @@
 
         if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {
 
+            _.$slider.addClass('slick-dotted');
+
             dot = $('<ul />').addClass(_.options.dotsClass);
 
             for (i = 0; i <= _.getDotCount(); i += 1) {
@@ -895,6 +897,7 @@
 
         _.$slider.removeClass('slick-slider');
         _.$slider.removeClass('slick-initialized');
+        _.$slider.removeClass('slick-dotted');
 
         _.unslicked = true;