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 | -} | ... | ... |