Version 1.2

Adding namespaced events, css class namespaces, refactoring/DRY’ing, fixing active class bug, adding visible class & updating manifest files
kenwheeler · Mar 28, 2014 · 27b40a7 · 27b40a7
1 parent 7d5cfd4
commit 27b40a7
Show file tree

Hide file tree

Showing 7 changed files with 835 additions and 923 deletions.
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "slick-carousel",
   "main": "slick.js",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "homepage": "https://github.com/kenwheeler/slick",
   "authors": [
     "Ken Wheeler <ken_wheeler@me.com>"

diff --git a/css/slick.css b/css/slick.css
@@ -6,26 +6,26 @@
 .slick-slider .slick-list { overflow: hidden; display: block; margin: 0px; padding: 0px; }
 .slick-slider .slick-track { position: relative; left: 0px; top: 0px; display: table;}
 .slick-slider .slick-track:after { content: ""; display: table; clear: both; }
-.slick-slider .slide { float: left; height: 100%; min-height: 1px; }
-.slick-slider .slide img { display: block; }
-.slick-slider .slide { display: none; }
-.slick-initialized .slide { display: table-cell; }
+.slick-slider .slick-slide { float: left; height: 100%; min-height: 1px; }
+.slick-slider .slick-slide img { display: block; }
+.slick-slider .slick-slide { display: none; }
+.slick-initialized .slick-slide { display: table-cell; }
 
 /* Loading States */
 
 .slick-loading .slick-track { visibility: hidden; }
 .slick-loading .slick-list { background: #fff url(../img/ajax-loader.gif) center center no-repeat; }
-.slick-loading .slide { visibility: hidden; }
-.slide.loading { background:  url(../img/ajax-loader.gif) center center no-repeat; position: relative;}
+.slick-loading .slick-slide { visibility: hidden; }
+.slick-slide.loading { background:  url(../img/ajax-loader.gif) center center no-repeat; position: relative;}
 
 /* Arrows */
 
 .slick-slider .slick-prev { position: absolute; background: url('../img/sprite.png') -50px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; left: -25px; padding: 0px; }
 .slick-slider .slick-next { position: absolute; background: url('../img/sprite.png') -90px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; right: -25px; padding: 0px; }
 .slick-slider .slick-prev:focus { outline: none }
 .slick-slider .slick-next:focus { outline: none }
-.slick-slider .slick-next.disabled { background-position: -90px -90px }
-.slick-slider .slick-prev.disabled { background-position: -50px -90px }
+.slick-slider .slick-next.slick-disabled { background-position: -90px -90px }
+.slick-slider .slick-prev.slick-disabled { background-position: -50px -90px }
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
     .slick-slider .slick-next { background: url('../img/sprite@2x.png') -90px -40px no-repeat; background-size: 900px 200px; }
     .slick-slider .slick-prev { background: url('../img/sprite@2x.png') -50px -40px no-repeat; background-size: 900px 200px; -webkit-background-size: 900px 200px; }
@@ -35,7 +35,7 @@
 
 .slick-dots { position: absolute; bottom: -30px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
 .slick-dots li { position: relative; display: inline-block; background: url('../img/sprite.png') -200px -50px no-repeat; height: 5px; width: 5px; text-indent: -9999px; margin: 0px 10px; padding: 0px; }
-.slick-dots li.active { background-position: -150px -50px }
+.slick-dots li.slick-active { background-position: -150px -50px }
 .slick-dots li a { display: block; height: 10px; width: 10px; outline: none }
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
     .slick-dots li { background: url('../img/sprite@2x.png') -200px -50px no-repeat; background-size: 900px 200px; }
@@ -44,4 +44,4 @@
 /* Draggable */
 
 .slick-list.draggable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
-.slick-list.dragging { cursor: pointer; cursor: hand; }
+.slick-list.dragging { cursor: pointer; cursor: hand; }