summaryrefslogtreecommitdiff
path: root/public/assets/flickity.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/assets/flickity.css')
-rw-r--r--public/assets/flickity.css136
1 files changed, 136 insertions, 0 deletions
diff --git a/public/assets/flickity.css b/public/assets/flickity.css
new file mode 100644
index 0000000..f867b52
--- /dev/null
+++ b/public/assets/flickity.css
@@ -0,0 +1,136 @@
+/* Flickity
+------------------------- */
+
+.flickity-enabled {
+ position: relative;
+}
+
+.flickity-enabled:focus { outline: none; }
+
+.flickity-viewport {
+ overflow: hidden;
+ position: relative;
+}
+
+.flickity-slider {
+ position: absolute;
+ width: 100%;
+}
+
+/* draggable */
+
+.flickity-enabled.is-draggable {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.flickity-enabled.is-draggable .flickity-viewport {
+ cursor: move;
+ cursor: -webkit-grab;
+ cursor: grab;
+}
+
+.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
+ cursor: -webkit-grabbing;
+ cursor: grabbing;
+}
+
+/* ---- previous/next buttons ---- */
+
+.flickity-prev-next-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%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+.flickity-prev-next-button:hover { background: white; }
+
+.flickity-prev-next-button:focus {
+ outline: none;
+ box-shadow: 0 0 0 5px #09F;
+}
+
+.flickity-prev-next-button:active {
+ filter: alpha(opacity=60); /* IE8 */
+ opacity: 0.6;
+}
+
+.flickity-prev-next-button.previous { left: 10px; }
+.flickity-prev-next-button.next { right: 10px; }
+/* right to left */
+.flickity-rtl .flickity-prev-next-button.previous {
+ left: auto;
+ right: 10px;
+}
+.flickity-rtl .flickity-prev-next-button.next {
+ right: auto;
+ left: 10px;
+}
+
+.flickity-prev-next-button:disabled {
+ filter: alpha(opacity=30); /* IE8 */
+ opacity: 0.3;
+ cursor: auto;
+}
+
+.flickity-prev-next-button svg {
+ position: absolute;
+ left: 20%;
+ top: 20%;
+ width: 60%;
+ height: 60%;
+}
+
+.flickity-prev-next-button .arrow {
+ fill: #333;
+}
+
+/* color & size if no SVG - IE8 and Android 2.3 */
+.flickity-prev-next-button.no-svg {
+ color: #333;
+ font-size: 26px;
+}
+
+/* ---- page dots ---- */
+
+.flickity-page-dots {
+ position: absolute;
+ width: 100%;
+ bottom: -25px;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ text-align: center;
+ line-height: 1;
+}
+
+.flickity-rtl .flickity-page-dots { direction: rtl; }
+
+.flickity-page-dots .dot {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 0 8px;
+ background: #333;
+ border-radius: 50%;
+ filter: alpha(opacity=25); /* IE8 */
+ opacity: 0.25;
+ cursor: pointer;
+}
+
+.flickity-page-dots .dot.is-selected {
+ filter: alpha(opacity=100); /* IE8 */
+ opacity: 1;
+} \ No newline at end of file