@gem-sdk/styles 1.46.0 → 1.47.0-staging.0
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/dist/base.css +24 -23
- package/dist/base.min.css +1 -1
- package/package.json +1 -1
- package/src/css/builds/base.css +40 -24
package/dist/base.css
CHANGED
|
@@ -1,20 +1,6 @@
|
|
|
1
1
|
@tailwind base;
|
|
2
2
|
@tailwind components;
|
|
3
3
|
@tailwind utilities;
|
|
4
|
-
.gpsil > section {
|
|
5
|
-
transition: opacity 0.5s;
|
|
6
|
-
}
|
|
7
|
-
.gpsil .gps-lazy,
|
|
8
|
-
.gpsil .gps-lazy > .gp-dialog {
|
|
9
|
-
opacity: 0 !important;
|
|
10
|
-
max-width: 100% !important;
|
|
11
|
-
overflow-x: hidden !important;
|
|
12
|
-
width: 100% !important;
|
|
13
|
-
min-width: 100% !important;
|
|
14
|
-
}
|
|
15
|
-
.gpsil .gps-lazy .gp-button-base::before {
|
|
16
|
-
display: none !important;
|
|
17
|
-
}
|
|
18
4
|
html {
|
|
19
5
|
-webkit-tap-highlight-color: transparent;
|
|
20
6
|
scroll-behavior: smooth;
|
|
@@ -62,8 +48,7 @@ html {
|
|
|
62
48
|
padding-right: env(safe-area-inset-right);
|
|
63
49
|
}
|
|
64
50
|
.p-safe {
|
|
65
|
-
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
|
|
66
|
-
env(safe-area-inset-left);
|
|
51
|
+
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
|
|
67
52
|
}
|
|
68
53
|
.px-safe {
|
|
69
54
|
padding-left: env(safe-area-inset-left);
|
|
@@ -98,12 +83,12 @@ html {
|
|
|
98
83
|
-webkit-padding-start: 40px;
|
|
99
84
|
padding-left: 40px;
|
|
100
85
|
}
|
|
101
|
-
.gp-text ul
|
|
102
|
-
.gp-text-instant ul
|
|
86
|
+
.gp-text ul>li,
|
|
87
|
+
.gp-text-instant ul>li {
|
|
103
88
|
list-style: disc inside !important;
|
|
104
89
|
}
|
|
105
|
-
.gp-text ol
|
|
106
|
-
.gp-text-instant ol
|
|
90
|
+
.gp-text ol>li,
|
|
91
|
+
.gp-text-instant ol>li {
|
|
107
92
|
list-style: decimal inside !important;
|
|
108
93
|
}
|
|
109
94
|
[data-slot='children'] {
|
|
@@ -118,6 +103,19 @@ html {
|
|
|
118
103
|
visibility: hidden;
|
|
119
104
|
overflow: hidden;
|
|
120
105
|
}
|
|
106
|
+
[data-slot='children']:not(.product-feature-image):after {
|
|
107
|
+
content: 'Drop element here';
|
|
108
|
+
visibility: hidden;
|
|
109
|
+
text-align: center;
|
|
110
|
+
font-size: 14px;
|
|
111
|
+
font-weight: bold;
|
|
112
|
+
/* display: -webkit-box;
|
|
113
|
+
-webkit-line-clamp: 1;
|
|
114
|
+
-webkit-box-orient: vertical; */
|
|
115
|
+
white-space: nowrap;
|
|
116
|
+
text-overflow: ellipsis;
|
|
117
|
+
overflow: hidden;
|
|
118
|
+
}
|
|
121
119
|
[data-slot='children']:after {
|
|
122
120
|
content: 'Drop element here';
|
|
123
121
|
visibility: hidden;
|
|
@@ -316,6 +314,7 @@ p {
|
|
|
316
314
|
-webkit-transform: translateX(0%);
|
|
317
315
|
transform: translateX(0%);
|
|
318
316
|
}
|
|
317
|
+
|
|
319
318
|
100% {
|
|
320
319
|
-webkit-transform: translateX(-100%);
|
|
321
320
|
transform: translateX(-100%);
|
|
@@ -326,6 +325,7 @@ p {
|
|
|
326
325
|
-webkit-transform: translateX(0%);
|
|
327
326
|
transform: translateX(0%);
|
|
328
327
|
}
|
|
328
|
+
|
|
329
329
|
100% {
|
|
330
330
|
-webkit-transform: translateX(-100%);
|
|
331
331
|
transform: translateX(-100%);
|
|
@@ -347,8 +347,9 @@ p {
|
|
|
347
347
|
-webkit-animation-play-state: var(--pause-on-hover);
|
|
348
348
|
animation-play-state: var(--pause-on-hover);
|
|
349
349
|
}
|
|
350
|
+
|
|
350
351
|
.rfm-marquee-container:active div {
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
}
|
|
352
|
+
-webkit-animation-play-state: var(--pause-on-click);
|
|
353
|
+
animation-play-state: var(--pause-on-click);
|
|
354
|
+
}
|
|
354
355
|
}
|
package/dist/base.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@tailwind base;@tailwind components;@tailwind utilities
|
|
1
|
+
@tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:clip}.wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}[data-keen-slider-moves] *{pointer-events:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gp-text ol,.gp-text ul,.gp-text-instant ol,.gp-text-instant ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-text ul>li,.gp-text-instant ul>li{list-style:disc inside!important}.gp-text ol>li,.gp-text-instant ol>li{list-style:decimal inside!important}[data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;overflow:hidden;visibility:hidden;width:100%}[data-slot=children]:after,[data-slot=children]:not(.product-feature-image):after{content:"Drop element here";font-size:14px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;visibility:hidden;white-space:nowrap}.gp-dialog{display:none}.gp-dialog[open]{display:block}.gp-dialog:modal{position:fixed}h1,h2,h3,h4,h5,h6{word-break:normal}p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit}.gp-p-description-text ol,.gp-p-description-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-p-description-text ol ol{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.gp-p-description-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;font-size:2em;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}.gp-p-description-text h1,.gp-p-description-text h2,.gp-p-description-text h3,.gp-p-description-text h4,.gp-p-description-text h5,.gp-p-description-text h6{display:block;font-weight:700}.gp-p-description-text h1,.gp-p-description-text h2,.gp-p-description-text h3,.gp-p-description-text h4,.gp-p-description-text h5,.gp-p-description-text h6,.gp-p-description-text p{line-height:1.4;margin:0 0 1em}.gp-p-description-text h2{font-size:1.5em}.gp-p-description-text h3{font-size:1.17em}.gp-p-description-text a{color:-webkit-link;cursor:text;text-decoration:underline}.gp-p-description-text h4{font-size:1em}.gp-p-description-text h5{font-size:.83em}.gp-p-description-text h6{font-size:.67em}.gp-p-description-text ul{list-style-type:disc}.gp-p-description-text ol{list-style-type:decimal}.gp-p-description-text ul li{display:list-item;list-style:disc none outside;text-align:-webkit-match-parent;word-break:break-word}.gp-p-description-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gp-p-description-text table,.gp-p-description-text td,.gp-p-description-text th{border:1px dashed #ccc!important;padding:unset!important}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}.gp-tab-header-list::-webkit-scrollbar{display:none}.rfm-marquee-container{display:flex;flex-direction:row;max-width:unset!important;position:relative;-webkit-transform:var(--transform);transform:var(--transform);width:var(--width)}.rfm-overlay{height:100%;position:absolute;width:100%}.rfm-overlay:after{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rfm-overlay:before{left:0;top:0}.rfm-marquee{align-items:center;-webkit-animation:scroll var(--duration) linear var(--delay) var(--iteration-count);animation:scroll var(--duration) linear var(--delay) var(--iteration-count);-webkit-animation-delay:var(--delay);animation-delay:var(--delay);-webkit-animation-direction:var(--direction);animation-direction:var(--direction);-webkit-animation-play-state:var(--play);animation-play-state:var(--play);display:flex;flex:0 0 auto;flex-direction:row;max-width:unset!important;min-width:var(--min-width);z-index:1}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.rfm-initial-child-container{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;min-width:auto}.rfm-child{-webkit-transform:var(--transform);transform:var(--transform)}@media (min-width:1024px){.rfm-marquee-container:hover div{-webkit-animation-play-state:var(--pause-on-hover);animation-play-state:var(--pause-on-hover)}.rfm-marquee-container:active div{-webkit-animation-play-state:var(--pause-on-click);animation-play-state:var(--pause-on-click)}}
|
package/package.json
CHANGED
package/src/css/builds/base.css
CHANGED
|
@@ -2,22 +2,6 @@
|
|
|
2
2
|
@tailwind components;
|
|
3
3
|
@tailwind utilities;
|
|
4
4
|
|
|
5
|
-
.gpsil > section {
|
|
6
|
-
transition: opacity 0.5s;
|
|
7
|
-
}
|
|
8
|
-
.gpsil .gps-lazy,
|
|
9
|
-
.gpsil .gps-lazy > .gp-dialog {
|
|
10
|
-
opacity: 0 !important;
|
|
11
|
-
max-width: 100% !important;
|
|
12
|
-
overflow-x: hidden !important;
|
|
13
|
-
width: 100% !important;
|
|
14
|
-
min-width: 100% !important;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.gpsil .gps-lazy .gp-button-base::before {
|
|
18
|
-
display: none !important;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
5
|
html {
|
|
22
6
|
-webkit-tap-highlight-color: transparent;
|
|
23
7
|
scroll-behavior: smooth;
|
|
@@ -46,45 +30,57 @@ html {
|
|
|
46
30
|
width: 100%;
|
|
47
31
|
min-height: 100%;
|
|
48
32
|
}
|
|
33
|
+
|
|
49
34
|
.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
|
|
50
35
|
flex-direction: row-reverse;
|
|
51
36
|
}
|
|
37
|
+
|
|
52
38
|
.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
|
|
53
39
|
flex-wrap: wrap;
|
|
54
40
|
}
|
|
41
|
+
|
|
55
42
|
[data-keen-slider-moves] * {
|
|
56
43
|
pointer-events: none;
|
|
57
44
|
}
|
|
45
|
+
|
|
58
46
|
.pb-safe {
|
|
59
47
|
padding-bottom: env(safe-area-inset-bottom);
|
|
60
48
|
}
|
|
49
|
+
|
|
61
50
|
.pt-safe {
|
|
62
51
|
padding-top: env(safe-area-inset-top);
|
|
63
52
|
}
|
|
53
|
+
|
|
64
54
|
.pl-safe {
|
|
65
55
|
padding-left: env(safe-area-inset-left);
|
|
66
56
|
}
|
|
57
|
+
|
|
67
58
|
.pr-safe {
|
|
68
59
|
padding-right: env(safe-area-inset-right);
|
|
69
60
|
}
|
|
61
|
+
|
|
70
62
|
.p-safe {
|
|
71
|
-
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
|
|
72
|
-
env(safe-area-inset-left);
|
|
63
|
+
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
|
|
73
64
|
}
|
|
65
|
+
|
|
74
66
|
.px-safe {
|
|
75
67
|
padding-left: env(safe-area-inset-left);
|
|
76
68
|
padding-right: env(safe-area-inset-right);
|
|
77
69
|
}
|
|
70
|
+
|
|
78
71
|
.py-safe {
|
|
79
72
|
padding-top: env(safe-area-inset-top);
|
|
80
73
|
padding-bottom: env(safe-area-inset-bottom);
|
|
81
74
|
}
|
|
75
|
+
|
|
82
76
|
.h-safe {
|
|
83
77
|
height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));
|
|
84
78
|
}
|
|
79
|
+
|
|
85
80
|
.min-h-safe {
|
|
86
81
|
min-height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));
|
|
87
82
|
}
|
|
83
|
+
|
|
88
84
|
.gp-text ul,
|
|
89
85
|
.gp-text ol,
|
|
90
86
|
.gp-text-instant ul,
|
|
@@ -103,13 +99,13 @@ html {
|
|
|
103
99
|
padding-left: 40px;
|
|
104
100
|
}
|
|
105
101
|
|
|
106
|
-
.gp-text ul
|
|
107
|
-
.gp-text-instant ul
|
|
102
|
+
.gp-text ul>li,
|
|
103
|
+
.gp-text-instant ul>li {
|
|
108
104
|
list-style: disc inside !important;
|
|
109
105
|
}
|
|
110
106
|
|
|
111
|
-
.gp-text ol
|
|
112
|
-
.gp-text-instant ol
|
|
107
|
+
.gp-text ol>li,
|
|
108
|
+
.gp-text-instant ol>li {
|
|
113
109
|
list-style: decimal inside !important;
|
|
114
110
|
}
|
|
115
111
|
|
|
@@ -124,6 +120,22 @@ html {
|
|
|
124
120
|
align-items: center;
|
|
125
121
|
visibility: hidden;
|
|
126
122
|
overflow: hidden;
|
|
123
|
+
|
|
124
|
+
&:not(.product-feature-image) {
|
|
125
|
+
&:after {
|
|
126
|
+
content: 'Drop element here';
|
|
127
|
+
visibility: hidden;
|
|
128
|
+
text-align: center;
|
|
129
|
+
font-size: 14px;
|
|
130
|
+
font-weight: bold;
|
|
131
|
+
/* display: -webkit-box;
|
|
132
|
+
-webkit-line-clamp: 1;
|
|
133
|
+
-webkit-box-orient: vertical; */
|
|
134
|
+
white-space: nowrap;
|
|
135
|
+
text-overflow: ellipsis;
|
|
136
|
+
overflow: hidden;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
127
139
|
&:after {
|
|
128
140
|
content: 'Drop element here';
|
|
129
141
|
visibility: hidden;
|
|
@@ -138,6 +150,7 @@ html {
|
|
|
138
150
|
overflow: hidden;
|
|
139
151
|
}
|
|
140
152
|
}
|
|
153
|
+
|
|
141
154
|
.gp-dialog {
|
|
142
155
|
display: none;
|
|
143
156
|
}
|
|
@@ -248,6 +261,7 @@ p {
|
|
|
248
261
|
.gp-p-description-text ul {
|
|
249
262
|
list-style-type: disc;
|
|
250
263
|
}
|
|
264
|
+
|
|
251
265
|
.gp-p-description-text ol {
|
|
252
266
|
list-style-type: decimal;
|
|
253
267
|
}
|
|
@@ -300,9 +314,10 @@ p {
|
|
|
300
314
|
.rfm-marquee-container:hover div {
|
|
301
315
|
animation-play-state: var(--pause-on-hover);
|
|
302
316
|
}
|
|
317
|
+
|
|
303
318
|
.rfm-marquee-container:active div {
|
|
304
|
-
|
|
305
|
-
}
|
|
319
|
+
animation-play-state: var(--pause-on-click);
|
|
320
|
+
}
|
|
306
321
|
|
|
307
322
|
}
|
|
308
323
|
|
|
@@ -341,6 +356,7 @@ p {
|
|
|
341
356
|
0% {
|
|
342
357
|
transform: translateX(0%);
|
|
343
358
|
}
|
|
359
|
+
|
|
344
360
|
100% {
|
|
345
361
|
transform: translateX(-100%);
|
|
346
362
|
}
|