@gem-sdk/styles 1.13.0-next.21 → 1.13.5

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.
Files changed (7) hide show
  1. package/dist/base.css +54 -6
  2. package/dist/base.min.css +1 -1
  3. package/dist/builder.css +4 -33
  4. package/dist/builder.min.css +1 -1
  5. package/package.json +1 -1
  6. package/src/css/builds/base.css +60 -8
  7. package/src/css/builds/builder.css +4 -38
package/dist/base.css CHANGED
@@ -166,6 +166,7 @@ p {
166
166
  margin-block-end: 0px;
167
167
  }
168
168
  .gp-p-description-text h1 {
169
+ display: block;
169
170
  font-size: 2em;
170
171
  -webkit-margin-before: 0.67em;
171
172
  margin-block-start: 0.67em;
@@ -175,20 +176,21 @@ p {
175
176
  margin-inline-start: 0px;
176
177
  -webkit-margin-end: 0px;
177
178
  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;
181
179
  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 {
184
180
  margin: 0 0 1em 0;
185
181
  line-height: 1.4;
186
182
  }
187
183
  .gp-p-description-text h2 {
188
184
  font-size: 1.5em;
185
+ font-weight: bold;
186
+ margin: 0 0 1em 0;
187
+ line-height: 1.4;
189
188
  }
190
189
  .gp-p-description-text h3 {
191
190
  font-size: 1.17em;
191
+ font-weight: bold;
192
+ margin: 0 0 1em 0;
193
+ line-height: 1.4;
192
194
  }
193
195
  .gp-p-description-text a {
194
196
  color: -webkit-link;
@@ -197,12 +199,21 @@ p {
197
199
  }
198
200
  .gp-p-description-text h4 {
199
201
  font-size: 1em;
202
+ font-weight: bold;
203
+ margin: 0 0 1em 0;
204
+ line-height: 1.4;
200
205
  }
201
206
  .gp-p-description-text h5 {
202
207
  font-size: 0.83em;
208
+ font-weight: bold;
209
+ margin: 0 0 1em 0;
210
+ line-height: 1.4;
203
211
  }
204
212
  .gp-p-description-text h6 {
205
213
  font-size: 0.67em;
214
+ font-weight: bold;
215
+ margin: 0 0 1em 0;
216
+ line-height: 1.4;
206
217
  }
207
218
  .gp-p-description-text ul {
208
219
  list-style-type: disc;
@@ -210,6 +221,10 @@ p {
210
221
  .gp-p-description-text ol {
211
222
  list-style-type: decimal;
212
223
  }
224
+ .gp-p-description-text p {
225
+ margin: 0 0 1em 0;
226
+ line-height: 1.4;
227
+ }
213
228
  .gp-p-description-text ul li {
214
229
  list-style: disc outside none;
215
230
  display: list-item;
@@ -242,4 +257,37 @@ p {
242
257
  }
243
258
  .gp-tab-header-list::-webkit-scrollbar {
244
259
  display: none;
245
- }
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
+ }
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;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}
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}
package/dist/builder.css CHANGED
@@ -164,6 +164,10 @@
164
164
  #visual-content .fake-placeholder.not-show {
165
165
  display: none;
166
166
  }
167
+ #visual-content .fake-placeholder[is-component-dragging="true"] {
168
+ opacity: 0.5;
169
+ background: #8AA4FF;
170
+ }
167
171
  /* section:last-child {
168
172
  [data-slot='children'] {
169
173
  min-height: 358px;
@@ -198,36 +202,3 @@
198
202
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
199
203
  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");
200
204
  }
201
- .gps-page-suggestion {
202
- background: #fff;
203
- border: solid 1px transparent;
204
- background-clip: padding-box;
205
- box-sizing: border-box;
206
- border-radius: 3px;
207
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
208
- }
209
- .gps-page-suggestion:before {
210
- content: '';
211
- position: absolute;
212
- top: -1px;
213
- right: -1px;
214
- bottom: -1px;
215
- left: -1px;
216
- z-index: -2;
217
- border-radius: inherit; /* !importanté */
218
- background: linear-gradient(89.63deg, #874CFD 27.59%, #3C38E1 82.67%);
219
- height: calc(100% + 2px);
220
- width: calc(100% + 2px);
221
- }
222
- .gps-suggestion-item:hover .gps-suggestion-item-btn {
223
- visibility: visible;
224
- }
225
- .gps-suggestion-item:hover .item-link {
226
- white-space: nowrap;
227
- overflow: hidden;
228
- text-overflow: ellipsis;
229
- width: 295px;
230
- }
231
- .gps-base-font-family {
232
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
233
- }
package/dist/builder.min.css CHANGED
@@ -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}[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;background-clip:padding-box;border:1px solid transparent;border-radius:3px;box-sizing:border-box}.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
+ .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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.13.0-next.21",
3
+ "version": "1.13.5",
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",
package/src/css/builds/base.css CHANGED
@@ -172,29 +172,29 @@ p {
172
172
  }
173
173
 
174
174
  .gp-p-description-text h1 {
175
+ display: block;
175
176
  font-size: 2em;
176
177
  margin-block-start: 0.67em;
177
178
  margin-block-end: 0.67em;
178
179
  margin-inline-start: 0px;
179
180
  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;
184
181
  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 {
188
182
  margin: 0 0 1em 0;
189
183
  line-height: 1.4;
190
184
  }
191
185
 
192
186
  .gp-p-description-text h2 {
193
187
  font-size: 1.5em;
188
+ font-weight: bold;
189
+ margin: 0 0 1em 0;
190
+ line-height: 1.4;
194
191
  }
195
192
 
196
193
  .gp-p-description-text h3 {
197
194
  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,14 +205,23 @@ 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;
208
211
  }
209
212
 
210
213
  .gp-p-description-text h5 {
211
214
  font-size: 0.83em;
215
+ font-weight: bold;
216
+ margin: 0 0 1em 0;
217
+ line-height: 1.4;
212
218
  }
213
219
 
214
220
  .gp-p-description-text h6 {
215
221
  font-size: 0.67em;
222
+ font-weight: bold;
223
+ margin: 0 0 1em 0;
224
+ line-height: 1.4;
216
225
  }
217
226
 
218
227
  .gp-p-description-text ul {
@@ -222,6 +231,11 @@ p {
222
231
  list-style-type: decimal;
223
232
  }
224
233
 
234
+ .gp-p-description-text p {
235
+ margin: 0 0 1em 0;
236
+ line-height: 1.4;
237
+ }
238
+
225
239
  .gp-p-description-text ul li {
226
240
  list-style: disc outside none;
227
241
  display: list-item;
@@ -254,4 +268,42 @@ p {
254
268
 
255
269
  .gp-tab-header-list::-webkit-scrollbar {
256
270
  display: none;
257
- }
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
+ }
package/src/css/builds/builder.css CHANGED
@@ -187,6 +187,10 @@
187
187
  &.not-show {
188
188
  display: none;
189
189
  }
190
+ &[is-component-dragging="true"] {
191
+ opacity: 0.5;
192
+ background: #8AA4FF;
193
+ }
190
194
  }
191
195
  }
192
196
 
@@ -230,41 +234,3 @@
230
234
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
231
235
  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");
232
236
  }
233
-
234
- .gps-page-suggestion {
235
- background: #fff;
236
- border: solid 1px transparent;
237
- background-clip: padding-box;
238
- box-sizing: border-box;
239
- border-radius: 3px;
240
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
241
- }
242
-
243
- .gps-page-suggestion:before {
244
- content: '';
245
- position: absolute;
246
- top: -1px;
247
- right: -1px;
248
- bottom: -1px;
249
- left: -1px;
250
- z-index: -2;
251
- border-radius: inherit; /* !importanté */
252
- background: linear-gradient(89.63deg, #874CFD 27.59%, #3C38E1 82.67%);
253
- height: calc(100% + 2px);
254
- width: calc(100% + 2px);
255
- }
256
-
257
- .gps-suggestion-item:hover .gps-suggestion-item-btn {
258
- visibility: visible;
259
- }
260
-
261
- .gps-suggestion-item:hover .item-link {
262
- white-space: nowrap;
263
- overflow: hidden;
264
- text-overflow: ellipsis;
265
- width: 295px;
266
- }
267
-
268
- .gps-base-font-family {
269
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
270
- }