@wayke-se/components-react 3.1.0-beta.1 → 3.1.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +52 -44
- package/dist-node/index.js +70 -1
- package/dist-node/index.js.map +1 -1
- package/dist-src/components/Gallery/wrapper.js +70 -1
- package/dist-web/index.js +70 -1
- package/dist-web/index.js.map +1 -1
- package/package.json +2 -4
- package/assets/ajax-loader.gif +0 -0
- package/assets/default.css +0 -1
- package/assets/fonts/slick.eot +0 -0
- package/assets/fonts/slick.svg +0 -14
- package/assets/fonts/slick.ttf +0 -0
- package/assets/fonts/slick.woff +0 -0
|
@@ -99,6 +99,76 @@ export const SliderWrapper = styled.div `
|
|
|
99
99
|
bottom: 0;
|
|
100
100
|
left: 0;
|
|
101
101
|
right: 0;
|
|
102
|
+
user-select: none;
|
|
103
|
+
touch-action: pan-y;
|
|
104
|
+
-webkit-tap-highlight-color: transparent;
|
|
105
|
+
|
|
106
|
+
.slick-list,
|
|
107
|
+
.slick-track {
|
|
108
|
+
transform: translate3d(0, 0, 0);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.slick-list {
|
|
113
|
+
position: relative;
|
|
114
|
+
display: block;
|
|
115
|
+
margin: 0;
|
|
116
|
+
padding: 0;
|
|
117
|
+
overflow: hidden;
|
|
118
|
+
|
|
119
|
+
&:focus {
|
|
120
|
+
outline: none;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
&.dragging {
|
|
124
|
+
cursor: pointer;
|
|
125
|
+
cursor: hand;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.slick-track {
|
|
130
|
+
position: relative;
|
|
131
|
+
top: 0;
|
|
132
|
+
left: 0;
|
|
133
|
+
display: block;
|
|
134
|
+
margin-left: auto;
|
|
135
|
+
margin-right: auto;
|
|
136
|
+
|
|
137
|
+
&::before,
|
|
138
|
+
&::after {
|
|
139
|
+
content: '';
|
|
140
|
+
display: table;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
&::after {
|
|
144
|
+
clear: both;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.slick-slide {
|
|
149
|
+
display: none;
|
|
150
|
+
float: left;
|
|
151
|
+
min-height: 1px;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.slick-loading {
|
|
155
|
+
.slick-track {
|
|
156
|
+
visibility: hidden;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
img {
|
|
160
|
+
display: none;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.slick-initialized {
|
|
165
|
+
.slick-slide {
|
|
166
|
+
display: block;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.slick-slide.dragging img {
|
|
171
|
+
pointer-events: none;
|
|
102
172
|
}
|
|
103
173
|
|
|
104
174
|
${(props) => props.theme.breakpoint.LtMd} {
|
|
@@ -111,7 +181,6 @@ export const SliderWrapper = styled.div `
|
|
|
111
181
|
|
|
112
182
|
.slick-slide {
|
|
113
183
|
border-right: ${size(1)} solid ${(props) => props.theme.color.bg};
|
|
114
|
-
//transform: scale(0.95);
|
|
115
184
|
transform-origin: 0 50%;
|
|
116
185
|
transition: transform 150ms ease;
|
|
117
186
|
}
|
package/dist-web/index.js
CHANGED
|
@@ -2796,6 +2796,76 @@ const SliderWrapper = styled.div `
|
|
|
2796
2796
|
bottom: 0;
|
|
2797
2797
|
left: 0;
|
|
2798
2798
|
right: 0;
|
|
2799
|
+
user-select: none;
|
|
2800
|
+
touch-action: pan-y;
|
|
2801
|
+
-webkit-tap-highlight-color: transparent;
|
|
2802
|
+
|
|
2803
|
+
.slick-list,
|
|
2804
|
+
.slick-track {
|
|
2805
|
+
transform: translate3d(0, 0, 0);
|
|
2806
|
+
}
|
|
2807
|
+
}
|
|
2808
|
+
|
|
2809
|
+
.slick-list {
|
|
2810
|
+
position: relative;
|
|
2811
|
+
display: block;
|
|
2812
|
+
margin: 0;
|
|
2813
|
+
padding: 0;
|
|
2814
|
+
overflow: hidden;
|
|
2815
|
+
|
|
2816
|
+
&:focus {
|
|
2817
|
+
outline: none;
|
|
2818
|
+
}
|
|
2819
|
+
|
|
2820
|
+
&.dragging {
|
|
2821
|
+
cursor: pointer;
|
|
2822
|
+
cursor: hand;
|
|
2823
|
+
}
|
|
2824
|
+
}
|
|
2825
|
+
|
|
2826
|
+
.slick-track {
|
|
2827
|
+
position: relative;
|
|
2828
|
+
top: 0;
|
|
2829
|
+
left: 0;
|
|
2830
|
+
display: block;
|
|
2831
|
+
margin-left: auto;
|
|
2832
|
+
margin-right: auto;
|
|
2833
|
+
|
|
2834
|
+
&::before,
|
|
2835
|
+
&::after {
|
|
2836
|
+
content: '';
|
|
2837
|
+
display: table;
|
|
2838
|
+
}
|
|
2839
|
+
|
|
2840
|
+
&::after {
|
|
2841
|
+
clear: both;
|
|
2842
|
+
}
|
|
2843
|
+
}
|
|
2844
|
+
|
|
2845
|
+
.slick-slide {
|
|
2846
|
+
display: none;
|
|
2847
|
+
float: left;
|
|
2848
|
+
min-height: 1px;
|
|
2849
|
+
}
|
|
2850
|
+
|
|
2851
|
+
.slick-loading {
|
|
2852
|
+
.slick-track {
|
|
2853
|
+
visibility: hidden;
|
|
2854
|
+
}
|
|
2855
|
+
|
|
2856
|
+
img {
|
|
2857
|
+
display: none;
|
|
2858
|
+
}
|
|
2859
|
+
}
|
|
2860
|
+
|
|
2861
|
+
.slick-initialized {
|
|
2862
|
+
.slick-slide {
|
|
2863
|
+
display: block;
|
|
2864
|
+
}
|
|
2865
|
+
}
|
|
2866
|
+
|
|
2867
|
+
.slick-slide.dragging img {
|
|
2868
|
+
pointer-events: none;
|
|
2799
2869
|
}
|
|
2800
2870
|
|
|
2801
2871
|
${(props) => props.theme.breakpoint.LtMd} {
|
|
@@ -2808,7 +2878,6 @@ const SliderWrapper = styled.div `
|
|
|
2808
2878
|
|
|
2809
2879
|
.slick-slide {
|
|
2810
2880
|
border-right: ${size(1)} solid ${(props) => props.theme.color.bg};
|
|
2811
|
-
//transform: scale(0.95);
|
|
2812
2881
|
transform-origin: 0 50%;
|
|
2813
2882
|
transition: transform 150ms ease;
|
|
2814
2883
|
}
|