Skip to content

Commit

Permalink
πŸ‘· build v2.1.0
Browse files Browse the repository at this point in the history
πŸ”” Added `lazyLoad` support for images with `srcset`
πŸ”” Added `draggable: '>1'` option setting (now default) to disable dragging if only one slide
πŸ”” Enabled `staticClick` event when not draggable
πŸ”” Added `change` event. Triggered when selected slide is changed
πŸ”” Added `ready` event . Added `on` option to capture initial events.
πŸ”” Added support for `hash` option.
  • Loading branch information
desandro committed Mar 16, 2018
1 parent b20d78d commit 405aab8
Show file tree
Hide file tree
Showing 8 changed files with 249 additions and 158 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -147,4 +147,4 @@ var flky = new Flickity( '.gallery', {

---

By [Metafizzy](https://metafizzy.co)
By [Metafizzy 🌈🐻](https://metafizzy.co)
2 changes: 1 addition & 1 deletion css/flickity.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/*! Flickity v2.0.11
/*! Flickity v2.1.0
https://flickity.metafizzy.co
---------------------------------------------- */

Expand Down
64 changes: 37 additions & 27 deletions dist/flickity.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*! Flickity v2.0.11
http://flickity.metafizzy.co
/*! Flickity v2.1.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
Expand Down Expand Up @@ -42,34 +42,53 @@ http://flickity.metafizzy.co
cursor: grabbing;
}

/* ---- previous/next buttons ---- */
/* ---- flickity-button ---- */

.flickity-prev-next-button {
.flickity-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: hsla(0, 0%, 100%, 0.75);
cursor: pointer;
/* vertically center */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: none;
color: #333;
}

.flickity-prev-next-button:hover { background: white; }
.flickity-button:hover {
background: white;
cursor: pointer;
}

.flickity-prev-next-button:focus {
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F;
box-shadow: 0 0 0 5px #19F;
}

.flickity-prev-next-button:active {
.flickity-button:active {
opacity: 0.6;
}

.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}

.flickity-button-icon {
fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
/* vertically center */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
Expand All @@ -82,23 +101,14 @@ http://flickity.metafizzy.co
left: 10px;
}

.flickity-prev-next-button:disabled {
opacity: 0.3;
cursor: auto;
}

.flickity-prev-next-button svg {
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}

.flickity-prev-next-button .arrow {
fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
Expand Down
6 changes: 3 additions & 3 deletions dist/flickity.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 405aab8

Please sign in to comment.