Skip to content

Commit

Permalink
Version 1.2
Browse files Browse the repository at this point in the history
Adding namespaced events, css class namespaces, refactoring/DRY’ing,
fixing active class bug, adding visible class & updating manifest files
  • Loading branch information
kenwheeler committed Mar 28, 2014
1 parent 7d5cfd4 commit 27b40a7
Show file tree
Hide file tree
Showing 7 changed files with 835 additions and 923 deletions.
2 changes: 1 addition & 1 deletion bower.json
Original file line number Diff line number Diff line change
@@ -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 <[email protected]>"
Expand Down
20 changes: 10 additions & 10 deletions css/slick.css
Original file line number Diff line number Diff line change
Expand Up @@ -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/[email protected]') -90px -40px no-repeat; background-size: 900px 200px; }
.slick-slider .slick-prev { background: url('../img/[email protected]') -50px -40px no-repeat; background-size: 900px 200px; -webkit-background-size: 900px 200px; }
Expand All @@ -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/[email protected]') -200px -50px no-repeat; background-size: 900px 200px; }
Expand All @@ -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; }
Loading

0 comments on commit 27b40a7

Please sign in to comment.