X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/a8282aa69e00292bec986722c5230ff89f96f450..f3ee4c1bfbf4e3856268fa79c63465f591f3499e:/src/wolnelektury/static/2022/styles/vendors/slick-theme.scss diff --git a/src/wolnelektury/static/2022/styles/vendors/slick-theme.scss b/src/wolnelektury/static/2022/styles/vendors/slick-theme.scss index 6e0e8eb44..3067f4613 100644 --- a/src/wolnelektury/static/2022/styles/vendors/slick-theme.scss +++ b/src/wolnelektury/static/2022/styles/vendors/slick-theme.scss @@ -1,79 +1,79 @@ /* Slider */ .slick-loading .slick-list { - background: #fff url('./ajax-loader.gif') center center no-repeat; + background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { - font-family: 'slick'; - font-weight: normal; - font-style: normal; + font-family: 'slick'; + font-weight: normal; + font-style: normal; - 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'); + 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'); } /* Arrows */ .slick-prev, .slick-next { - font-size: 0; - line-height: 0; + font-size: 0; + line-height: 0; - position: absolute; - top: 50%; + position: absolute; + top: 50%; - display: block; + display: block; width: 16px; height: 28px; - padding: 0; - -webkit-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); - transform: translate(0, -50%); + padding: 0; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); - cursor: pointer; + cursor: pointer; - color: transparent; - border: none; - outline: none; - background: transparent; + color: transparent; + border: none; + outline: none; + background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { - color: transparent; - outline: none; - background: transparent; + color: transparent; + outline: none; + background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { - opacity: 1; + opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { - opacity: .25; + opacity: .25; } .slick-prev:before, .slick-next:before { - font-family: 'slick'; - font-size: 20px; - line-height: 1; + font-family: 'slick'; + font-size: 20px; + line-height: 1; - opacity: 1; - color: white; + opacity: 1; + color: white; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; width: 16px; height: 28px; @@ -81,32 +81,32 @@ .slick-prev { - left: -25px; + left: -25px; } [dir='rtl'] .slick-prev { - right: -25px; - left: auto; + right: -25px; + left: auto; } .slick-prev:before { content: ""; display: block; - background: url(../images/arrow-left.png) center no-repeat; + background: url(../images/arrow-left.png) center no-repeat; } [dir='rtl'] .slick-prev:before { - content: '→'; + content: '→'; } .slick-next { - right: -25px; + right: -25px; } [dir='rtl'] .slick-next { - right: auto; - left: -25px; + right: auto; + left: -25px; } .slick-next:before { @@ -116,13 +116,13 @@ } [dir='rtl'] .slick-next:before { - content: '←'; + content: '←'; } /* Dots */ .slick-dotted.slick-slider { - margin-bottom: 30px; + margin-bottom: 30px; } .slick-dots @@ -138,70 +138,70 @@ } .slick-dots li { - position: relative; + position: relative; - display: inline-block; + display: inline-block; - width: 10px; - height: 10px; - margin: 0 5px; - padding: 0; + width: 10px; + height: 10px; + margin: 0 5px; + padding: 0; - cursor: pointer; + cursor: pointer; } .slick-dots li button { - font-size: 0; - line-height: 0; + font-size: 0; + line-height: 0; - display: block; + display: block; - width: 10px; - height: 10px; - padding: 5px; + width: 10px; + height: 10px; + padding: 5px; - cursor: pointer; + cursor: pointer; - color: transparent; - border: 0; - outline: none; - background: transparent; + color: transparent; + border: 0; + outline: none; + background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { - outline: none; + outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { - opacity: 1; + opacity: 1; } .slick-dots li button:before { - font-size: 0; - line-height: 20px; + font-size: 0; + line-height: 20px; - position: absolute; - top: 0; - left: 0; + position: absolute; + top: 0; + left: 0; - width: 10px; - height: 10px; + width: 10px; + height: 10px; border-radius: 50%; background-color: white; - content: ''; - text-align: center; + content: ''; + text-align: center; - opacity: 1; - color: black; + opacity: 1; + color: black; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { - opacity: 1; + opacity: 1; background-color: #007880; }