Commit c54c2250cb3d77fd25013697c152e71f6d4d4d7f
1 parent
be9aff7b
Exists in
master
and in
8 other branches
Slick.js optimization
Showing
2 changed files
with
1 additions
and
69 deletions
Show diff stats
fonts/slick.ttf
No preview for this file type
sass/slick-theme.scss
... | ... | @@ -6,12 +6,8 @@ $slick-font-path: "./fonts/" !default; |
6 | 6 | $slick-font-family: "slick" !default; |
7 | 7 | $slick-loader-path: "./" !default; |
8 | 8 | $slick-arrow-color: #00a9bd !default; |
9 | -$slick-dot-color: black !default; | |
10 | -$slick-dot-color-active: $slick-dot-color !default; | |
11 | 9 | $slick-prev-character: "←" !default; |
12 | 10 | $slick-next-character: "→" !default; |
13 | -$slick-dot-character: "•" !default; | |
14 | -$slick-dot-size: 6px !default; | |
15 | 11 | $slick-opacity-default: 0.75 !default; |
16 | 12 | $slick-opacity-on-hover: 1 !default; |
17 | 13 | $slick-opacity-not-active: 0.25 !default; |
... | ... | @@ -46,7 +42,7 @@ $slick-opacity-not-active: 0.25 !default; |
46 | 42 | @font-face { |
47 | 43 | font-family: "slick"; |
48 | 44 | src: slick-font-url("slick.eot"); |
49 | - 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"); | |
45 | + 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"); | |
50 | 46 | font-weight: normal; |
51 | 47 | font-style: normal; |
52 | 48 | } |
... | ... | @@ -120,67 +116,3 @@ $slick-opacity-not-active: 0.25 !default; |
120 | 116 | } |
121 | 117 | } |
122 | 118 | } |
123 | - | |
124 | -/* Dots */ | |
125 | - | |
126 | -.slick-slider { | |
127 | - margin-bottom: 30px; | |
128 | -} | |
129 | - | |
130 | -.slick-dots { | |
131 | - position: absolute; | |
132 | - bottom: -45px; | |
133 | - list-style: none; | |
134 | - display: block; | |
135 | - text-align: center; | |
136 | - padding: 0; | |
137 | - width: 100%; | |
138 | - li { | |
139 | - position: relative; | |
140 | - display: inline-block; | |
141 | - height: 20px; | |
142 | - width: 20px; | |
143 | - margin: 0 5px; | |
144 | - padding: 0; | |
145 | - cursor: pointer; | |
146 | - button { | |
147 | - border: 0; | |
148 | - background: transparent; | |
149 | - display: block; | |
150 | - height: 20px; | |
151 | - width: 20px; | |
152 | - outline: none; | |
153 | - line-height: 0px; | |
154 | - font-size: 0px; | |
155 | - color: transparent; | |
156 | - padding: 5px; | |
157 | - cursor: pointer; | |
158 | - &:hover, &:focus { | |
159 | - outline: none; | |
160 | - &:before { | |
161 | - opacity: $slick-opacity-on-hover; | |
162 | - } | |
163 | - } | |
164 | - &:before { | |
165 | - position: absolute; | |
166 | - top: 0; | |
167 | - left: 0; | |
168 | - content: $slick-dot-character; | |
169 | - width: 20px; | |
170 | - height: 20px; | |
171 | - font-family: $slick-font-family; | |
172 | - font-size: $slick-dot-size; | |
173 | - line-height: 20px; | |
174 | - text-align: center; | |
175 | - color: $slick-dot-color; | |
176 | - opacity: $slick-opacity-not-active; | |
177 | - -webkit-font-smoothing: antialiased; | |
178 | - -moz-osx-font-smoothing: grayscale; | |
179 | - } | |
180 | - } | |
181 | - &.slick-active button:before { | |
182 | - color: $slick-dot-color-active; | |
183 | - opacity: $slick-opacity-default; | |
184 | - } | |
185 | - } | |
186 | -} | ... | ... |