eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on16/02/2017 11:35:38
Showing1 changed files
assets/lib/slick/1.5.9/css/slick-theme.scss
History View file @bb18c40
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,190 @@
1 
+@charset "UTF-8";
2 
+
3 
+// Default Variables
4 
+
5 
+$slick-font-path: "./fonts/" !default;
6 
+$slick-font-family: "slick" !default;
7 
+$slick-loader-path: "./" !default;
8 
+$slick-arrow-color: white !default;
9 
+$slick-dot-color: black !default;
10 
+$slick-dot-color-active: $slick-dot-color !default;
11 
+$slick-prev-character: "←" !default;
12 
+$slick-next-character: "→" !default;
13 
+$slick-dot-character: "•" !default;
14 
+$slick-dot-size: 6px !default;
15 
+$slick-opacity-default: 0.75 !default;
16 
+$slick-opacity-on-hover: 1 !default;
17 
+$slick-opacity-not-active: 0.25 !default;
18 
+
19 
+@function slick-image-url($url) {
20 
+    @if function-exists(image-url) {
21 
+        @return image-url($url);
22 
+    }
23 
+    @else {
24 
+        @return url($slick-loader-path + $url);
25 
+    }
26 
+}
27 
+
28 
+@function slick-font-url($url) {
29 
+    @if function-exists(font-url) {
30 
+        @return font-url($url);
31 
+    }
32 
+    @else {
33 
+        @return url($slick-font-path + $url);
34 
+    }
35 
+}
36 
+
37 
+/* Slider */
38 
+
39 
+.slick-list {
40 
+    .slick-loading & {
41 
+        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
42 
+    }
43 
+}
44 
+
45 
+/* Icons */
46 
+@if $slick-font-family == "slick" {
47 
+    @font-face {
48 
+        font-family: "slick";
49 
+        src: slick-font-url("slick.eot");
50 
+        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
51 
+        font-weight: normal;
52 
+        font-style: normal;
53 
+    }
54 
+}
55 
+
56 
+/* Arrows */
57 
+
58 
+.slick-prev,
59 
+.slick-next {
60 
+    position: absolute;
61 
+    display: block;
62 
+    height: 20px;
63 
+    width: 20px;
64 
+    line-height: 0px;
65 
+    font-size: 0px;
66 
+    cursor: pointer;
67 
+    background: transparent;
68 
+    color: transparent;
69 
+    top: 50%;
70 
+    margin-top: -10px\9; /*lte IE 8*/
71 
+    -webkit-transform: translate(0, -50%);
72 
+    -ms-transform: translate(0, -50%);
73 
+    transform: translate(0, -50%);
74 
+    padding: 0;
75 
+    border: none;
76 
+    outline: none;
77 
+    &:hover, &:focus {
78 
+        outline: none;
79 
+        background: transparent;
80 
+        color: transparent;
81 
+        &:before {
82 
+            opacity: $slick-opacity-on-hover;
83 
+        }
84 
+    }
85 
+    &.slick-disabled:before {
86 
+        opacity: $slick-opacity-not-active;
87 
+    }
88 
+}
89 
+
90 
+.slick-prev:before, .slick-next:before {
91 
+    font-family: $slick-font-family;
92 
+    font-size: 20px;
93 
+    line-height: 1;
94 
+    color: $slick-arrow-color;
95 
+    opacity: $slick-opacity-default;
96 
+    -webkit-font-smoothing: antialiased;
97 
+    -moz-osx-font-smoothing: grayscale;
98 
+}
99 
+
100 
+.slick-prev {
101 
+    left: -25px;
102 
+    [dir="rtl"] & {
103 
+        left: auto;
104 
+        right: -25px;
105 
+    }
106 
+    &:before {
107 
+        content: $slick-prev-character;
108 
+        [dir="rtl"] & {
109 
+            content: $slick-next-character;
110 
+        }
111 
+    }
112 
+}
113 
+
114 
+.slick-next {
115 
+    right: -25px;
116 
+    [dir="rtl"] & {
117 
+        left: -25px;
118 
+        right: auto;
119 
+    }
120 
+    &:before {
121 
+        content: $slick-next-character;
122 
+        [dir="rtl"] & {
123 
+            content: $slick-prev-character;
124 
+        }
125 
+    }
126 
+}
127 
+
128 
+/* Dots */
129 
+
130 
+.slick-slider {
131 
+    margin-bottom: 30px;
132 
+}
133 
+
134 
+.slick-dots {
135 
+    position: absolute;
136 
+    bottom: -45px;
137 
+    list-style: none;
138 
+    display: block;
139 
+    text-align: center;
140 
+    padding: 0;
141 
+    width: 100%;
142 
+    li {
143 
+        position: relative;
144 
+        display: inline-block;
145 
+        height: 20px;
146 
+        width: 20px;
147 
+        margin: 0 5px;
148 
+        padding: 0;
149 
+        cursor: pointer;
150 
+        button {
151 
+            border: 0;
152 
+            background: transparent;
153 
+            display: block;
154 
+            height: 20px;
155 
+            width: 20px;
156 
+            outline: none;
157 
+            line-height: 0px;
158 
+            font-size: 0px;
159 
+            color: transparent;
160 
+            padding: 5px;
161 
+            cursor: pointer;
162 
+            &:hover, &:focus {
163 
+                outline: none;
164 
+                &:before {
165 
+                    opacity: $slick-opacity-on-hover;
166 
+                }
167 
+            }
168 
+            &:before {
169 
+                position: absolute;
170 
+                top: 0;
171 
+                left: 0;
172 
+                content: $slick-dot-character;
173 
+                width: 20px;
174 
+                height: 20px;
175 
+                font-family: $slick-font-family;
176 
+                font-size: $slick-dot-size;
177 
+                line-height: 20px;
178 
+                text-align: center;
179 
+                color: $slick-dot-color;
180 
+                opacity: $slick-opacity-not-active;
181 
+                -webkit-font-smoothing: antialiased;
182 
+                -moz-osx-font-smoothing: grayscale;
183 
+            }
184 
+        }
185 
+        &.slick-active button:before {
186 
+            color: $slick-dot-color-active;
187 
+            opacity: $slick-opacity-default;
188 
+        }
189 
+    }
190 
+}