-
Notifications
You must be signed in to change notification settings - Fork 5.9k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adding namespaced events, css class namespaces, refactoring/DRY’ing, fixing active class bug, adding visible class & updating manifest files
- Loading branch information
1 parent
7d5cfd4
commit 27b40a7
Showing
7 changed files
with
835 additions
and
923 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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]>" | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -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; } | ||
|
@@ -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; } | ||
|
@@ -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; } |
Oops, something went wrong.