|
|
@@ -1,5 +1,5 @@
|
|
|
-/*! Flickity v2.0.5
|
|
|
-http://flickity.metafizzy.co
|
|
|
+/*! Flickity v2.1.2
|
|
|
+https://flickity.metafizzy.co
|
|
|
---------------------------------------------- */
|
|
|
|
|
|
.flickity-enabled {
|
|
|
@@ -42,34 +42,51 @@ 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;
|
|
|
+ background: hsla(0, 0%, 100%, 0.75);
|
|
|
border: none;
|
|
|
- border-radius: 50%;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+
|
|
|
+.flickity-button:hover {
|
|
|
background: white;
|
|
|
- background: hsla(0, 0%, 100%, 0.75);
|
|
|
cursor: pointer;
|
|
|
- /* vertically center */
|
|
|
- -webkit-transform: translateY(-50%);
|
|
|
- transform: translateY(-50%);
|
|
|
}
|
|
|
|
|
|
-.flickity-prev-next-button:hover { background: white; }
|
|
|
-
|
|
|
-.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 */
|
|
|
+ transform: translateY(-50%);
|
|
|
+}
|
|
|
+
|
|
|
.flickity-prev-next-button.previous { left: 10px; }
|
|
|
.flickity-prev-next-button.next { right: 10px; }
|
|
|
/* right to left */
|
|
|
@@ -82,12 +99,7 @@ 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%;
|
|
|
@@ -95,10 +107,6 @@ http://flickity.metafizzy.co
|
|
|
height: 60%;
|
|
|
}
|
|
|
|
|
|
-.flickity-prev-next-button .arrow {
|
|
|
- fill: #333;
|
|
|
-}
|
|
|
-
|
|
|
/* ---- page dots ---- */
|
|
|
|
|
|
.flickity-page-dots {
|