From b5b1e748694d8866ab38c05608df0701f5996a65 Mon Sep 17 00:00:00 2001 From: Tanveer Karim Date: Tue, 17 Feb 2015 11:24:06 -0500 Subject: [PATCH 1/2] Changed arrows and dot to use ISO entity code MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit In certain cases, SASS was not compiling the prev-character, next-character, dot-character correctly. May be a related issue: https://github.com/sass/sass/issues/1395 $slick-prev-character: "←" !default; The CSS output would turn into: content: "ΓåÉ"; $slick-next-character: "→" !default; The CSS output would turn into: content: "ΓåÆ"; $slick-dot-character: "•" !default; The CSS output would turn into: content: "ΓÇó"; Using the ISO entities appears to have fix the issue, outputting the correct character in the CSS file: $slick-prev-character: "\2190" !default; $slick-next-character: "\2192" !default; $slick-dot-character: "\2022" !default; Into: content: "←"; content: "→"; content: "•"; --- slick/slick-theme.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/slick/slick-theme.scss b/slick/slick-theme.scss index e00802b39..225dbb93e 100644 --- a/slick/slick-theme.scss +++ b/slick/slick-theme.scss @@ -8,9 +8,9 @@ $slick-loader-path: "./" !default; $slick-arrow-color: white !default; $slick-dot-color: black !default; $slick-dot-color-active: $slick-dot-color !default; -$slick-prev-character: "←" !default; -$slick-next-character: "→" !default; -$slick-dot-character: "•" !default; +$slick-prev-character: "\2190" !default; +$slick-next-character: "\2192" !default; +$slick-dot-character: "\2022" !default; $slick-dot-size: 6px !default; $slick-opacity-default: 0.75 !default; $slick-opacity-on-hover: 1 !default; @@ -184,4 +184,4 @@ $slick-opacity-not-active: 0.25 !default; opacity: $slick-opacity-default; } } -} \ No newline at end of file +} From c902d6171371ddf5e75db6e46fe7bc089911eb96 Mon Sep 17 00:00:00 2001 From: Tanveer Karim Date: Thu, 10 Mar 2016 11:23:34 -0500 Subject: [PATCH 2/2] Added comment indicating entity code output. --- slick/slick-theme.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/slick/slick-theme.scss b/slick/slick-theme.scss index 225dbb93e..b0bf6bd1f 100644 --- a/slick/slick-theme.scss +++ b/slick/slick-theme.scss @@ -2,6 +2,11 @@ // Default Variables +// Slick icon entity codes outputs the following +// "\2190" outputs ascii character "←" +// "\2192" outputs ascii character "→" +// "\2022" outputs ascii character "•" + $slick-font-path: "./fonts/" !default; $slick-font-family: "slick" !default; $slick-loader-path: "./" !default;