diff options
Diffstat (limited to 'public/assets/flickity.css')
| -rw-r--r-- | public/assets/flickity.css | 136 |
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 |
