|
1 |
| -/* Slider */ |
| 1 | +// /** |
| 2 | +// * Copyright © Magento, Inc. All rights reserved. |
| 3 | +// * See COPYING.txt for license details. |
| 4 | +// */ |
| 5 | + |
| 6 | +@b3: #b3b3b3; |
| 7 | + |
| 8 | +// |
| 9 | +// Slick slider styles |
| 10 | +// _____________________________________________ |
2 | 11 |
|
3 | 12 | .slick-slider {
|
| 13 | + -khtml-user-select: none; |
| 14 | + -moz-user-select: none; |
| 15 | + -ms-touch-action: pan-y; |
| 16 | + -ms-user-select: none; |
| 17 | + -webkit-tap-highlight-color: transparent; |
| 18 | + -webkit-touch-callout: none; |
| 19 | + -webkit-user-select: none; |
4 | 20 | box-sizing: border-box;
|
5 | 21 | display: block;
|
6 | 22 | position: relative;
|
7 |
| - -webkit-tap-highlight-color: transparent; |
8 |
| - -ms-touch-action: pan-y; |
9 | 23 | touch-action: pan-y;
|
10 |
| - -webkit-touch-callout: none; |
11 |
| - -webkit-user-select: none; |
12 |
| - -khtml-user-select: none; |
13 |
| - -moz-user-select: none; |
14 |
| - -ms-user-select: none; |
15 | 24 | user-select: none;
|
16 | 25 | }
|
17 | 26 | .slick-list {
|
|
89 | 98 |
|
90 | 99 | .slick-slider .slick-track,
|
91 | 100 | .slick-slider .slick-list {
|
92 |
| - -webkit-transform: translate3d(0, 0, 0); |
93 | 101 | -moz-transform: translate3d(0, 0, 0);
|
94 | 102 | -ms-transform: translate3d(0, 0, 0);
|
95 | 103 | -o-transform: translate3d(0, 0, 0);
|
| 104 | + -webkit-transform: translate3d(0, 0, 0); |
96 | 105 | transform: translate3d(0, 0, 0);
|
97 | 106 | }
|
98 | 107 |
|
|
118 | 127 |
|
119 | 128 | .slick-prev,
|
120 | 129 | .slick-next {
|
| 130 | + -ms-transform: translate(0, -50%); |
| 131 | + -webkit-transform: translate(0, -50%); |
121 | 132 | background: rgba(252, 252, 252, .6);
|
122 | 133 | border: none;
|
123 | 134 | border-radius: 0;
|
|
131 | 142 | padding: 0;
|
132 | 143 | position: absolute;
|
133 | 144 | top: 50%;
|
134 |
| - -webkit-transform: translate(0, -50%); |
135 |
| - -ms-transform: translate(0, -50%); |
136 | 145 | transform: translate(0, -50%);
|
137 | 146 | width: 60px;
|
138 | 147 | z-index: 101;
|
|
161 | 170 | opacity: 1;
|
162 | 171 | }
|
163 | 172 |
|
164 |
| - // Reset luma styles applied to all buttons |
165 | 173 | &:active,
|
166 | 174 | &:focus,
|
167 | 175 | &:not(.primary) {
|
|
195 | 203 | width: 14px;
|
196 | 204 | button {
|
197 | 205 | background: @color-white;
|
198 |
| - border: 1px solid #ccc; |
| 206 | + border: 1px solid @color-gray80; |
199 | 207 | border-radius: 10px;
|
200 | 208 | box-shadow: none;
|
201 | 209 | cursor: pointer;
|
|
207 | 215 | width: 14px;
|
208 | 216 |
|
209 | 217 | &:hover {
|
210 |
| - border: 1px solid #b3b3b3; |
| 218 | + border: 1px solid @b3; |
211 | 219 | }
|
212 | 220 |
|
213 | 221 | &:active,
|
|
219 | 227 |
|
220 | 228 | &.slick-active {
|
221 | 229 | button {
|
222 |
| - background: #1c1918; |
| 230 | + background: @color-pagebuilder-darkest-gray; |
223 | 231 | }
|
224 | 232 | }
|
225 | 233 | }
|
|
0 commit comments