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,12 +6,8 @@ $slick-font-path: "./fonts/" !default; | ||
| 6 | $slick-font-family: "slick" !default; | 6 | $slick-font-family: "slick" !default; |
| 7 | $slick-loader-path: "./" !default; | 7 | $slick-loader-path: "./" !default; |
| 8 | $slick-arrow-color: #00a9bd !default; | 8 | $slick-arrow-color: #00a9bd !default; |
| 9 | -$slick-dot-color: black !default; | ||
| 10 | -$slick-dot-color-active: $slick-dot-color !default; | ||
| 11 | $slick-prev-character: "←" !default; | 9 | $slick-prev-character: "←" !default; |
| 12 | $slick-next-character: "→" !default; | 10 | $slick-next-character: "→" !default; |
| 13 | -$slick-dot-character: "•" !default; | ||
| 14 | -$slick-dot-size: 6px !default; | ||
| 15 | $slick-opacity-default: 0.75 !default; | 11 | $slick-opacity-default: 0.75 !default; |
| 16 | $slick-opacity-on-hover: 1 !default; | 12 | $slick-opacity-on-hover: 1 !default; |
| 17 | $slick-opacity-not-active: 0.25 !default; | 13 | $slick-opacity-not-active: 0.25 !default; |
| @@ -46,7 +42,7 @@ $slick-opacity-not-active: 0.25 !default; | @@ -46,7 +42,7 @@ $slick-opacity-not-active: 0.25 !default; | ||
| 46 | @font-face { | 42 | @font-face { |
| 47 | font-family: "slick"; | 43 | font-family: "slick"; |
| 48 | src: slick-font-url("slick.eot"); | 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 | font-weight: normal; | 46 | font-weight: normal; |
| 51 | font-style: normal; | 47 | font-style: normal; |
| 52 | } | 48 | } |
| @@ -120,67 +116,3 @@ $slick-opacity-not-active: 0.25 !default; | @@ -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 | -} |