From 8a1c7a4e833652e19004da290f35b06fcaf3b5c3 Mon Sep 17 00:00:00 2001 From: Victor Costa Date: Thu, 30 Apr 2015 14:07:53 -0300 Subject: [PATCH] Revert "Change icons at calendar paging buttons" --- fonts/slick.eot | Bin 0 -> 2048 bytes fonts/slick.svg | 14 ++++++++++++++ fonts/slick.woff | Bin 0 -> 1380 bytes images/arrow_left.jpg | Bin 7890 -> 0 bytes images/arrow_right.jpg | Bin 7838 -> 0 bytes sass/slick-theme.scss | 86 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------- 6 files changed, 93 insertions(+), 7 deletions(-) create mode 100644 fonts/slick.eot create mode 100644 fonts/slick.svg create mode 100644 fonts/slick.woff delete mode 100644 images/arrow_left.jpg delete mode 100644 images/arrow_right.jpg diff --git a/fonts/slick.eot b/fonts/slick.eot new file mode 100644 index 0000000..2cbab9c Binary files /dev/null and b/fonts/slick.eot differ diff --git a/fonts/slick.svg b/fonts/slick.svg new file mode 100644 index 0000000..b36a66a --- /dev/null +++ b/fonts/slick.svg @@ -0,0 +1,14 @@ + + + +Generated by Fontastic.me + + + + + + + + + + diff --git a/fonts/slick.woff b/fonts/slick.woff new file mode 100644 index 0000000..8ee9972 Binary files /dev/null and b/fonts/slick.woff differ diff --git a/images/arrow_left.jpg b/images/arrow_left.jpg deleted file mode 100644 index 28080aa..0000000 Binary files a/images/arrow_left.jpg and /dev/null differ diff --git a/images/arrow_right.jpg b/images/arrow_right.jpg deleted file mode 100644 index 976bcd7..0000000 Binary files a/images/arrow_right.jpg and /dev/null differ diff --git a/sass/slick-theme.scss b/sass/slick-theme.scss index 6dca86d..22ad3de 100644 --- a/sass/slick-theme.scss +++ b/sass/slick-theme.scss @@ -2,10 +2,52 @@ // 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, @@ -13,34 +55,64 @@ $slick-opacity-not-active: 0.25 !default; position: absolute; display: block; height: 20px; - width: 14px; + width: 20px; 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; - opacity: $slick-opacity-on-hover; + &:before { + opacity: $slick-opacity-on-hover; + } } - &.slick-disabled { + &.slick-disabled:before { 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; - background: url(images/arrow_left.jpg) no-repeat; + [dir="rtl"] & { + left: auto; + right: -25px; + } + &:before { + content: $slick-prev-character; + [dir="rtl"] & { + content: $slick-next-character; + } + } } .slick-next { right: -25px; - background: url(images/arrow_right.jpg) no-repeat; + [dir="rtl"] & { + left: -25px; + right: auto; + } + &:before { + content: $slick-next-character; + [dir="rtl"] & { + content: $slick-prev-character; + } + } } -- libgit2 0.21.2