@gem-sdk/styles 1.13.5 → 1.13.9-fix.1

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 CHANGED
@@ -166,7 +166,6 @@ p {
166
166
  margin-block-end: 0px;
167
167
  }
168
168
  .gp-p-description-text h1 {
169
- display: block;
170
169
  font-size: 2em;
171
170
  -webkit-margin-before: 0.67em;
172
171
  margin-block-start: 0.67em;
@@ -176,21 +175,20 @@ p {
176
175
  margin-inline-start: 0px;
177
176
  -webkit-margin-end: 0px;
178
177
  margin-inline-end: 0px;
178
+ }
179
+ .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 {
180
+ display: block;
179
181
  font-weight: bold;
182
+ }
183
+ .gp-p-description-text p, .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 {
180
184
  margin: 0 0 1em 0;
181
185
  line-height: 1.4;
182
186
  }
183
187
  .gp-p-description-text h2 {
184
188
  font-size: 1.5em;
185
- font-weight: bold;
186
- margin: 0 0 1em 0;
187
- line-height: 1.4;
188
189
  }
189
190
  .gp-p-description-text h3 {
190
191
  font-size: 1.17em;
191
- font-weight: bold;
192
- margin: 0 0 1em 0;
193
- line-height: 1.4;
194
192
  }
195
193
  .gp-p-description-text a {
196
194
  color: -webkit-link;
@@ -199,21 +197,12 @@ p {
199
197
  }
200
198
  .gp-p-description-text h4 {
201
199
  font-size: 1em;
202
- font-weight: bold;
203
- margin: 0 0 1em 0;
204
- line-height: 1.4;
205
200
  }
206
201
  .gp-p-description-text h5 {
207
202
  font-size: 0.83em;
208
- font-weight: bold;
209
- margin: 0 0 1em 0;
210
- line-height: 1.4;
211
203
  }
212
204
  .gp-p-description-text h6 {
213
205
  font-size: 0.67em;
214
- font-weight: bold;
215
- margin: 0 0 1em 0;
216
- line-height: 1.4;
217
206
  }
218
207
  .gp-p-description-text ul {
219
208
  list-style-type: disc;
@@ -221,10 +210,6 @@ p {
221
210
  .gp-p-description-text ol {
222
211
  list-style-type: decimal;
223
212
  }
224
- .gp-p-description-text p {
225
- margin: 0 0 1em 0;
226
- line-height: 1.4;
227
- }
228
213
  .gp-p-description-text ul li {
229
214
  list-style: disc outside none;
230
215
  display: list-item;
@@ -257,37 +242,4 @@ p {
257
242
  }
258
243
  .gp-tab-header-list::-webkit-scrollbar {
259
244
  display: none;
260
- }
261
- .gps-page-suggestion {
262
- background: #fff;
263
- border: solid 1px transparent;
264
- background-clip: padding-box;
265
- box-sizing: border-box;
266
- border-radius: 3px;
267
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
268
- }
269
- .gps-page-suggestion:before {
270
- content: '';
271
- position: absolute;
272
- top: -1px;
273
- right: -1px;
274
- bottom: -1px;
275
- left: -1px;
276
- z-index: -2;
277
- border-radius: inherit; /* !importanté */
278
- background: linear-gradient(89.63deg, #874cfd 27.59%, #3c38e1 82.67%);
279
- height: calc(100% + 2px);
280
- width: calc(100% + 2px);
281
- }
282
- .gps-suggestion-item:hover .gps-suggestion-item-btn {
283
- visibility: visible;
284
- }
285
- .gps-suggestion-item:hover .item-link {
286
- white-space: nowrap;
287
- overflow: hidden;
288
- text-overflow: ellipsis;
289
- width: 295px;
290
- }
291
- .gps-base-font-family {
292
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
293
- }
245
+ }
package/dist/base.min.css CHANGED
@@ -1 +1 @@
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{-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{list-style-type:disc}.gp-text li{list-style-position:inside}.gp-text ol{list-style-type:decimal}[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{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;display:block;font-size:2em;font-weight:700;line-height:1.4;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0;margin:0 0 1em}.gp-p-description-text h2{font-size:1.5em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h3{font-size:1.17em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text a{color:-webkit-link;cursor:text;text-decoration:underline}.gp-p-description-text h4{font-size:1em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h5{font-size:.83em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h6{font-size:.67em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text ul{list-style-type:disc}.gp-p-description-text ol{list-style-type:decimal}.gp-p-description-text p{line-height:1.4;margin:0 0 1em}.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;padding:unset}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}.gp-tab-header-list::-webkit-scrollbar{display:none}.gps-page-suggestion{background:#fff;background-clip:padding-box;border:1px solid transparent;border-radius:3px;box-sizing:border-box;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.gps-page-suggestion:before{background:linear-gradient(89.63deg,#874cfd 27.59%,#3c38e1 82.67%);border-radius:inherit; /* !importanté */bottom:-1px;content:"";height:calc(100% + 2px);left:-1px;position:absolute;right:-1px;top:-1px;width:calc(100% + 2px);z-index:-2}.gps-suggestion-item:hover .gps-suggestion-item-btn{visibility:visible}.gps-suggestion-item:hover .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:295px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}
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{-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{list-style-type:disc}.gp-text li{list-style-position:inside}.gp-text ol{list-style-type:decimal}[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{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;padding:unset}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}.gp-tab-header-list::-webkit-scrollbar{display:none}
package/dist/builder.css CHANGED
@@ -13,13 +13,12 @@
13
13
  }
14
14
  .builder .generate-image-to-layout-btn {
15
15
  position: relative;
16
-
17
- background-image: linear-gradient(270.07deg, #874cfd 0.03%, #3c38e1 99.92%);
18
- z-index: 1;
16
+ background-image: linear-gradient(270.07deg, #874cfd 0.03%, #3c38e1 99.92%);
17
+ z-index: 1;
19
18
  }
20
19
  .builder .generate-image-to-layout-btn::before {
21
20
  position: absolute;
22
- content: "";
21
+ content: '';
23
22
  top: 0;
24
23
  right: 0;
25
24
  bottom: 0;
@@ -30,31 +29,34 @@
30
29
  opacity: 0;
31
30
  border-radius: 3px;
32
31
  }
32
+ .builder .btn-disable {
33
+ background-image: none;
34
+ background-color: #f4f4f4;
35
+ color: #9e9e9e;
36
+ }
33
37
  .builder .generate-image-to-layout-btn:hover::before {
34
38
  opacity: 1;
35
39
  }
36
40
  .builder .image-to-layout-input-border {
37
- background: linear-gradient(89.63deg, #874CFD 27.59%, #3C38E1 82.67%);
41
+ background: linear-gradient(89.63deg, #874cfd 27.59%, #3c38e1 82.67%);
38
42
  border-radius: 3px;
39
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
43
+ padding: 1px;
40
44
  }
41
45
  .builder .image-to-layout-input-wrapper-modal {
42
46
  position: relative;
43
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
44
47
  }
45
- .builder .image-to-layout-input-wrapper, .builder .image-to-layout-input-wrapper-add-section {
48
+ .builder .image-to-layout-input-wrapper,
49
+ .builder .image-to-layout-input-wrapper-add-section {
46
50
  position: relative;
47
51
  background: #fff;
48
- border: solid 1px transparent;
49
52
  background-clip: padding-box;
50
53
  box-sizing: border-box;
51
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
52
54
  }
53
55
  .image-to-layout-input-wrapper-add-section {
54
- border: 1px solid #3C67FF !important;
56
+ border: 1px solid #3c67ff !important;
55
57
  }
56
58
  .gps-image-to-layout-progress-bar {
57
- background: linear-gradient(270.07deg, #874CFD 0.03%, #3C38E1 99.92%);
59
+ background: linear-gradient(270.07deg, #874cfd 0.03%, #3c38e1 99.92%);
58
60
  }
59
61
  .drag-placeholder {
60
62
  display: none;
@@ -140,7 +142,6 @@
140
142
  #visual-content .fake-placeholder.visual-placeholder {
141
143
  z-index: 20;
142
144
  /* border-radius: 3px; */
143
- background-color: #d8e1ff;
144
145
  display: flex;
145
146
  align-items: center;
146
147
  justify-content: center;
@@ -149,6 +150,7 @@
149
150
  font-size: 14px;
150
151
  line-height: 150%;
151
152
  visibility: visible;
153
+ background-color: #8aa4ff66;
152
154
  }
153
155
  #visual-content .fake-placeholder.visual-placeholder-child-on-sections {
154
156
  margin: 16px !important;
@@ -164,9 +166,11 @@
164
166
  #visual-content .fake-placeholder.not-show {
165
167
  display: none;
166
168
  }
167
- #visual-content .fake-placeholder[is-component-dragging="true"] {
168
- opacity: 0.5;
169
- background: #8AA4FF;
169
+ #visual-content .fake-placeholder[is-blank-page='true'] {
170
+ background-color: #d8e1ff !important;
171
+ }
172
+ #visual-content .fake-placeholder[is-component-dragging='true'] {
173
+ background-color: #8aa4ff66 !important;
170
174
  }
171
175
  /* section:last-child {
172
176
  [data-slot='children'] {
@@ -202,3 +206,43 @@
202
206
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
203
207
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-width='2' stroke-dasharray='12%2c12' stroke-dashoffset='72' stroke-linecap='square'/%3e%3c/svg%3e");
204
208
  }
209
+ .gps-page-suggestion {
210
+ background: #fff;
211
+ border-radius: 3px;
212
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
213
+ }
214
+ .gps-page-suggestion:before {
215
+ content: '';
216
+ position: absolute;
217
+ top: -1px;
218
+ right: -1px;
219
+ bottom: -1px;
220
+ left: -1px;
221
+ z-index: -2;
222
+ border-radius: inherit; /* !importanté */
223
+ background: linear-gradient(89.63deg, #874cfd 27.59%, #3c38e1 82.67%);
224
+ height: calc(100% + 2px);
225
+ width: calc(100% + 2px);
226
+ }
227
+ .gps-suggestion-item:hover .gps-suggestion-item-btn {
228
+ display: flex;
229
+ }
230
+ .gps-suggestion-item:hover .item-link {
231
+ white-space: nowrap;
232
+ overflow: hidden;
233
+ text-overflow: ellipsis;
234
+ width: 295px;
235
+ }
236
+ .gps-base-font-family {
237
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
238
+ }
239
+ .btn-disable::before {
240
+ background: none !important;
241
+ background-color: #f4f4f4 !important;
242
+ color: #9e9e9e;
243
+ }
244
+ @media (max-width: 768px) {
245
+ .gps-suggestion-item:hover .item-link {
246
+ width: 150px;
247
+ }
248
+ }
@@ -1 +1 @@
1
- .builder [disabled]{pointer-events:auto}.builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.builder [data-slot=children] .drag-placeholder{height:100%}.builder .generate-image-to-layout-btn{background-image:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%);position:relative;z-index:1}.builder .generate-image-to-layout-btn:before{background-image:linear-gradient(270.07deg,#3633cc .03%,#6d3dcc 99.92%);border-radius:3px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-out;z-index:-1}.builder .generate-image-to-layout-btn:hover:before{opacity:1}.builder .image-to-layout-input-border{background:linear-gradient(89.63deg,#874cfd 27.59%,#3c38e1 82.67%);border-radius:3px;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.builder .image-to-layout-input-wrapper-modal{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;position:relative}.builder .image-to-layout-input-wrapper,.builder .image-to-layout-input-wrapper-add-section{background:#fff;background-clip:padding-box;border:1px solid transparent;box-sizing:border-box;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;position:relative}.image-to-layout-input-wrapper-add-section{border:1px solid #3c67ff!important}.gps-image-to-layout-progress-bar{background:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%)}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;height:100%;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#d8e1ff;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-child-on-sections{margin:16px!important}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}#visual-content .fake-placeholder[is-component-dragging=true]{background:#8aa4ff;opacity:.5}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}[data-component-is-third-party=true]{background-color:#f4f4f4}[data-component-tag=ProductDescription],[data-component-tag=ProductPrice],[data-component-tag=ProductTag],[data-component-tag=ProductTitle]{cursor:default}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}.gps-drag-element-here{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-dasharray='12,12' stroke-dashoffset='72' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E");font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}
1
+ .builder [disabled]{pointer-events:auto}.builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.builder [data-slot=children] .drag-placeholder{height:100%}.builder .generate-image-to-layout-btn{background-image:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%);position:relative;z-index:1}.builder .generate-image-to-layout-btn:before{background-image:linear-gradient(270.07deg,#3633cc .03%,#6d3dcc 99.92%);border-radius:3px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-out;z-index:-1}.builder .btn-disable{background-color:#f4f4f4;background-image:none;color:#9e9e9e}.builder .generate-image-to-layout-btn:hover:before{opacity:1}.builder .image-to-layout-input-border{background:linear-gradient(89.63deg,#874cfd 27.59%,#3c38e1 82.67%);border-radius:3px;padding:1px}.builder .image-to-layout-input-wrapper-modal{position:relative}.builder .image-to-layout-input-wrapper,.builder .image-to-layout-input-wrapper-add-section{background:#fff;background-clip:padding-box;box-sizing:border-box;position:relative}.image-to-layout-input-wrapper-add-section{border:1px solid #3c67ff!important}.gps-image-to-layout-progress-bar{background:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%)}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;height:100%;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#8aa4ff66;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-child-on-sections{margin:16px!important}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}#visual-content .fake-placeholder[is-blank-page=true]{background-color:#d8e1ff!important}#visual-content .fake-placeholder[is-component-dragging=true]{background-color:#8aa4ff66!important}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}[data-component-is-third-party=true]{background-color:#f4f4f4}[data-component-tag=ProductDescription],[data-component-tag=ProductPrice],[data-component-tag=ProductTag],[data-component-tag=ProductTitle]{cursor:default}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}.gps-drag-element-here{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-dasharray='12,12' stroke-dashoffset='72' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E")}.gps-drag-element-here,.gps-page-suggestion{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.gps-page-suggestion{background:#fff;border-radius:3px}.gps-page-suggestion:before{background:linear-gradient(89.63deg,#874cfd 27.59%,#3c38e1 82.67%);border-radius:inherit; /* !importanté */bottom:-1px;content:"";height:calc(100% + 2px);left:-1px;position:absolute;right:-1px;top:-1px;width:calc(100% + 2px);z-index:-2}.gps-suggestion-item:hover .gps-suggestion-item-btn{display:flex}.gps-suggestion-item:hover .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:295px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.btn-disable:before{background:none!important;background-color:#f4f4f4!important;color:#9e9e9e}@media (max-width:768px){.gps-suggestion-item:hover .item-link{width:150px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.13.5",
3
+ "version": "1.13.9-fix.1",
4
4
  "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
5
5
  "license": "MIT",
6
6
  "main": "src/index.js",
@@ -172,29 +172,29 @@ p {
172
172
  }
173
173
 
174
174
  .gp-p-description-text h1 {
175
- display: block;
176
175
  font-size: 2em;
177
176
  margin-block-start: 0.67em;
178
177
  margin-block-end: 0.67em;
179
178
  margin-inline-start: 0px;
180
179
  margin-inline-end: 0px;
180
+ }
181
+
182
+ .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 {
183
+ display: block;
181
184
  font-weight: bold;
185
+ }
186
+
187
+ .gp-p-description-text p, .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 {
182
188
  margin: 0 0 1em 0;
183
189
  line-height: 1.4;
184
190
  }
185
191
 
186
192
  .gp-p-description-text h2 {
187
193
  font-size: 1.5em;
188
- font-weight: bold;
189
- margin: 0 0 1em 0;
190
- line-height: 1.4;
191
194
  }
192
195
 
193
196
  .gp-p-description-text h3 {
194
197
  font-size: 1.17em;
195
- font-weight: bold;
196
- margin: 0 0 1em 0;
197
- line-height: 1.4;
198
198
  }
199
199
 
200
200
  .gp-p-description-text a {
@@ -205,23 +205,14 @@ p {
205
205
 
206
206
  .gp-p-description-text h4 {
207
207
  font-size: 1em;
208
- font-weight: bold;
209
- margin: 0 0 1em 0;
210
- line-height: 1.4;
211
208
  }
212
209
 
213
210
  .gp-p-description-text h5 {
214
211
  font-size: 0.83em;
215
- font-weight: bold;
216
- margin: 0 0 1em 0;
217
- line-height: 1.4;
218
212
  }
219
213
 
220
214
  .gp-p-description-text h6 {
221
215
  font-size: 0.67em;
222
- font-weight: bold;
223
- margin: 0 0 1em 0;
224
- line-height: 1.4;
225
216
  }
226
217
 
227
218
  .gp-p-description-text ul {
@@ -231,11 +222,6 @@ p {
231
222
  list-style-type: decimal;
232
223
  }
233
224
 
234
- .gp-p-description-text p {
235
- margin: 0 0 1em 0;
236
- line-height: 1.4;
237
- }
238
-
239
225
  .gp-p-description-text ul li {
240
226
  list-style: disc outside none;
241
227
  display: list-item;
@@ -268,42 +254,4 @@ p {
268
254
 
269
255
  .gp-tab-header-list::-webkit-scrollbar {
270
256
  display: none;
271
- }
272
-
273
- .gps-page-suggestion {
274
- background: #fff;
275
- border: solid 1px transparent;
276
- background-clip: padding-box;
277
- box-sizing: border-box;
278
- border-radius: 3px;
279
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
280
- }
281
-
282
- .gps-page-suggestion:before {
283
- content: '';
284
- position: absolute;
285
- top: -1px;
286
- right: -1px;
287
- bottom: -1px;
288
- left: -1px;
289
- z-index: -2;
290
- border-radius: inherit; /* !importanté */
291
- background: linear-gradient(89.63deg, #874cfd 27.59%, #3c38e1 82.67%);
292
- height: calc(100% + 2px);
293
- width: calc(100% + 2px);
294
- }
295
-
296
- .gps-suggestion-item:hover .gps-suggestion-item-btn {
297
- visibility: visible;
298
- }
299
-
300
- .gps-suggestion-item:hover .item-link {
301
- white-space: nowrap;
302
- overflow: hidden;
303
- text-overflow: ellipsis;
304
- width: 295px;
305
- }
306
-
307
- .gps-base-font-family {
308
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
309
- }
257
+ }
@@ -18,13 +18,13 @@
18
18
 
19
19
  .generate-image-to-layout-btn {
20
20
  position: relative;
21
-
22
- background-image: linear-gradient(270.07deg, #874cfd 0.03%, #3c38e1 99.92%);
23
- z-index: 1;
21
+ background-image: linear-gradient(270.07deg, #874cfd 0.03%, #3c38e1 99.92%);
22
+ z-index: 1;
24
23
  }
24
+
25
25
  .generate-image-to-layout-btn::before {
26
26
  position: absolute;
27
- content: "";
27
+ content: '';
28
28
  top: 0;
29
29
  right: 0;
30
30
  bottom: 0;
@@ -35,36 +35,40 @@
35
35
  opacity: 0;
36
36
  border-radius: 3px;
37
37
  }
38
+
39
+ .btn-disable {
40
+ background-image: none;
41
+ background-color: #f4f4f4;
42
+ color: #9e9e9e;
43
+ }
44
+
38
45
  .generate-image-to-layout-btn:hover::before {
39
46
  opacity: 1;
40
47
  }
41
48
 
42
49
  .image-to-layout-input-border {
43
- background: linear-gradient(89.63deg, #874CFD 27.59%, #3C38E1 82.67%);
50
+ background: linear-gradient(89.63deg, #874cfd 27.59%, #3c38e1 82.67%);
44
51
  border-radius: 3px;
45
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
52
+ padding: 1px;
46
53
  }
47
-
54
+
48
55
  .image-to-layout-input-wrapper-modal {
49
56
  position: relative;
50
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
51
57
  }
52
- .image-to-layout-input-wrapper, .image-to-layout-input-wrapper-add-section {
58
+ .image-to-layout-input-wrapper,
59
+ .image-to-layout-input-wrapper-add-section {
53
60
  position: relative;
54
61
  background: #fff;
55
- border: solid 1px transparent;
56
62
  background-clip: padding-box;
57
63
  box-sizing: border-box;
58
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
59
64
  }
60
65
  }
61
66
  .image-to-layout-input-wrapper-add-section {
62
- border: 1px solid #3C67FF !important;
67
+ border: 1px solid #3c67ff !important;
63
68
  }
64
69
 
65
-
66
70
  .gps-image-to-layout-progress-bar {
67
- background: linear-gradient(270.07deg, #874CFD 0.03%, #3C38E1 99.92%);
71
+ background: linear-gradient(270.07deg, #874cfd 0.03%, #3c38e1 99.92%);
68
72
  }
69
73
 
70
74
  .drag-placeholder {
@@ -160,7 +164,6 @@
160
164
  &.visual-placeholder {
161
165
  z-index: 20;
162
166
  /* border-radius: 3px; */
163
- background-color: #d8e1ff;
164
167
  display: flex;
165
168
  align-items: center;
166
169
  justify-content: center;
@@ -169,6 +172,7 @@
169
172
  font-size: 14px;
170
173
  line-height: 150%;
171
174
  visibility: visible;
175
+ background-color: #8aa4ff66;
172
176
  }
173
177
 
174
178
  &.visual-placeholder-child-on-sections {
@@ -187,9 +191,11 @@
187
191
  &.not-show {
188
192
  display: none;
189
193
  }
190
- &[is-component-dragging="true"] {
191
- opacity: 0.5;
192
- background: #8AA4FF;
194
+ &[is-blank-page='true'] {
195
+ background-color: #d8e1ff !important;
196
+ }
197
+ &[is-component-dragging='true'] {
198
+ background-color: #8aa4ff66 !important;
193
199
  }
194
200
  }
195
201
  }
@@ -234,3 +240,50 @@
234
240
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
235
241
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-width='2' stroke-dasharray='12%2c12' stroke-dashoffset='72' stroke-linecap='square'/%3e%3c/svg%3e");
236
242
  }
243
+
244
+ .gps-page-suggestion {
245
+ background: #fff;
246
+ border-radius: 3px;
247
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
248
+ }
249
+
250
+ .gps-page-suggestion:before {
251
+ content: '';
252
+ position: absolute;
253
+ top: -1px;
254
+ right: -1px;
255
+ bottom: -1px;
256
+ left: -1px;
257
+ z-index: -2;
258
+ border-radius: inherit; /* !importanté */
259
+ background: linear-gradient(89.63deg, #874cfd 27.59%, #3c38e1 82.67%);
260
+ height: calc(100% + 2px);
261
+ width: calc(100% + 2px);
262
+ }
263
+
264
+ .gps-suggestion-item:hover .gps-suggestion-item-btn {
265
+ display: flex;
266
+ }
267
+
268
+ .gps-suggestion-item:hover .item-link {
269
+ white-space: nowrap;
270
+ overflow: hidden;
271
+ text-overflow: ellipsis;
272
+ width: 295px;
273
+ }
274
+
275
+ @media (max-width: 768px) {
276
+ .gps-suggestion-item:hover .item-link {
277
+ width: 150px;
278
+ }
279
+ }
280
+
281
+ .gps-base-font-family {
282
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
283
+ }
284
+
285
+ .btn-disable::before {
286
+ background: none !important;
287
+ background-color: #f4f4f4 !important;
288
+ color: #9e9e9e;
289
+ }