diff --git a/fonts/slick.eot b/fonts/slick.eot deleted file mode 100644 index 2cbab9c..0000000 Binary files a/fonts/slick.eot and /dev/null differ diff --git a/fonts/slick.svg b/fonts/slick.svg deleted file mode 100644 index b36a66a..0000000 --- a/fonts/slick.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - -Generated by Fontastic.me - - - - - - - - - - diff --git a/fonts/slick.woff b/fonts/slick.woff deleted file mode 100644 index 8ee9972..0000000 Binary files a/fonts/slick.woff and /dev/null differ diff --git a/images/arrow_left.jpg b/images/arrow_left.jpg new file mode 100644 index 0000000..28080aa Binary files /dev/null and b/images/arrow_left.jpg differ diff --git a/images/arrow_right.jpg b/images/arrow_right.jpg new file mode 100644 index 0000000..976bcd7 Binary files /dev/null and b/images/arrow_right.jpg differ diff --git a/sass/slick-theme.scss b/sass/slick-theme.scss index 22ad3de..6dca86d 100644 --- a/sass/slick-theme.scss +++ b/sass/slick-theme.scss @@ -2,52 +2,10 @@ // Default Variables -$slick-font-path: "./fonts/" !default; -$slick-font-family: "slick" !default; -$slick-loader-path: "./" !default; -$slick-arrow-color: #00a9bd !default; -$slick-prev-character: "←" !default; -$slick-next-character: "→" !default; $slick-opacity-default: 0.75 !default; $slick-opacity-on-hover: 1 !default; $slick-opacity-not-active: 0.25 !default; -@function slick-image-url($url) { - @if function-exists(image-url) { - @return image-url($url); - } - @else { - @return url($slick-loader-path + $url); - } -} - -@function slick-font-url($url) { - @if function-exists(font-url) { - @return font-url($url); - } - @else { - @return url($slick-font-path + $url); - } -} - -/* Slider */ - -.slick-list { - .slick-loading & { - } -} - -/* Icons */ -@if $slick-font-family == "slick" { - @font-face { - font-family: "slick"; - src: slick-font-url("slick.eot"); - src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.svg#slick") format("svg"); - font-weight: normal; - font-style: normal; - } -} - /* Arrows */ .slick-prev, @@ -55,64 +13,34 @@ $slick-opacity-not-active: 0.25 !default; position: absolute; display: block; height: 20px; - width: 20px; + width: 14px; line-height: 0px; font-size: 0px; cursor: pointer; - background: transparent; color: transparent; top: 22%; margin-top: -10px; padding: 0; border: none; outline: none; + line-height: 1; + opacity: $slick-opacity-default; &:hover, &:focus { outline: none; - background: transparent; color: transparent; - &:before { - opacity: $slick-opacity-on-hover; - } + opacity: $slick-opacity-on-hover; } - &.slick-disabled:before { + &.slick-disabled { opacity: $slick-opacity-not-active; } } -.slick-prev:before, .slick-next:before { - font-family: $slick-font-family; - font-size: 20px; - line-height: 1; - color: $slick-arrow-color; - opacity: $slick-opacity-default; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - .slick-prev { left: -25px; - [dir="rtl"] & { - left: auto; - right: -25px; - } - &:before { - content: $slick-prev-character; - [dir="rtl"] & { - content: $slick-next-character; - } - } + background: url(images/arrow_left.jpg) no-repeat; } .slick-next { right: -25px; - [dir="rtl"] & { - left: -25px; - right: auto; - } - &:before { - content: $slick-next-character; - [dir="rtl"] & { - content: $slick-prev-character; - } - } + background: url(images/arrow_right.jpg) no-repeat; } -- libgit2 0.21.2