diff options
Diffstat (limited to 'static/website/slick/slick.scss')
| -rw-r--r-- | static/website/slick/slick.scss | 223 |
1 files changed, 223 insertions, 0 deletions
diff --git a/static/website/slick/slick.scss b/static/website/slick/slick.scss new file mode 100644 index 0000000..fe1eb2d --- /dev/null +++ b/static/website/slick/slick.scss @@ -0,0 +1,223 @@ +/* Slider */ + +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: none; + touch-action: none; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + + &:focus { + outline: none; + } + + .slick-loading & { + background: #fff url(./ajax-loader.gif) center center no-repeat; + } + + &.dragging { + cursor: pointer; + cursor: hand; + } +} +.slick-slider .slick-list, +.slick-track, +.slick-slide, +.slick-slide img { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + zoom: 1; + + &:before, + &:after { + content: ""; + display: table; + } + + &:after { + clear: both; + } + + .slick-loading & { + visibility: hidden; + } +} +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + img { + display: block; + &.slick-loading { + background: white url(./ajax-loader.gif) center center no-repeat; + padding-bottom: 100%; + } + } + + display: none; + + &.dragging img { + pointer-events: none; + } + + .slick-initialized & { + display: block; + } + + .slick-loading & { + visibility: hidden; + } + + .slick-vertical & { + display: block; + height: auto; + border: 1px solid transparent; + } +} + +/* Icons */ + + @charset"UTF-8"; + @font-face { + font-family:"slick"; + src:url("./fonts/slick.eot"); + src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); + font-weight: normal; + font-style: normal; +} + +/* Arrows */ + +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0; + font-size: 0; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + margin-top: -10px; + padding: 0; + border: none; + outline: none; + &:focus { + outline: none; + } + &.slick-disabled:before { + opacity: 0.25; + } +} +.slick-prev:before, .slick-next:before { + font-family:"slick"; + font-size: 20px; + line-height: 1; + color: white; + opacity: 0.85; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.slick-prev { + left: -25px; + &:before { + content:'\2190'; + } +} +.slick-next { + right: -25px; + &:before { + content:'\2192'; + } +} + +/* Dots */ + +.slick-slider { + margin-bottom: 30px; +} +.slick-dots { + position: absolute; + bottom: -45px; + list-style: none; + display: block; + text-align: center; + padding: 0px; + width: 100%; + + li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0px 5px; + padding: 0px; + cursor: pointer; + + button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0; + font-size: 0; + color: transparent; + padding: 5px; + cursor: pointer; + outline: none; + &:focus { + outline: none; + } + + &:before { + position: absolute; + top: 0; + left: 0; + content:'\2022'; + width: 20px; + height: 20px; + font-family:"slick"; + font-size: 6px; + line-height: 20px; + text-align: center; + color: black; + opacity: 0.25; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + } + + &.slick-active button:before { + opacity: 0.75; + } + } +}
\ No newline at end of file |