5 @slick-font-path: "./fonts/";
6 @slick-font-family: "slick";
7 @slick-loader-path: "./";
8 @slick-arrow-color: white;
9 @slick-dot-color: black;
10 @slick-dot-color-active: @slick-dot-color;
11 @slick-prev-character: "←";
12 @slick-next-character: "→";
13 @slick-dot-character: "•";
15 @slick-opacity-default: 0.75;
16 @slick-opacity-on-hover: 1;
17 @slick-opacity-not-active: 0.25;
20 .slick-loading .slick-list{
21 background: #fff url('@{slick-loader-path}ajax-loader.gif') center center no-repeat;
30 src: url('@{slick-font-path}slick.eot');
31 src: url('@{slick-font-path}slick.eot?#iefix') format('embedded-opentype'), url('@{slick-font-path}slick.woff') format('woff'), url('@{slick-font-path}slick.ttf') format('truetype'), url('@{slick-font-path}slick.svg#slick') format('svg');
45 background: transparent;
48 -webkit-transform: translate(0, -50%);
49 -ms-transform: translate(0, -50%);
50 transform: translate(0, -50%);
56 background: transparent;
59 opacity: @slick-opacity-on-hover;
62 &.slick-disabled:before {
63 opacity: @slick-opacity-not-active;
67 .slick-prev:before, .slick-next:before {
68 font-family: @slick-font-family;
71 color: @slick-arrow-color;
72 opacity: @slick-opacity-default;
73 -webkit-font-smoothing: antialiased;
74 -moz-osx-font-smoothing: grayscale;
84 content: @slick-prev-character;
86 content: @slick-next-character;
98 content: @slick-next-character;
100 content: @slick-prev-character;
107 .slick-dotted .slick-slider {
122 display: inline-block;
130 background: transparent;
143 opacity: @slick-opacity-on-hover;
150 content: @slick-dot-character;
153 font-family: @slick-font-family;
154 font-size: @slick-dot-size;
157 color: @slick-dot-color;
158 opacity: @slick-opacity-not-active;
159 -webkit-font-smoothing: antialiased;
160 -moz-osx-font-smoothing: grayscale;
163 &.slick-active button:before {
164 color: @slick-dot-color-active;
165 opacity: @slick-opacity-default;