@gem-sdk/styles 1.44.0-dev.60 → 1.44.0-dev.70

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 (4) hide show
  1. package/dist/base.css +34 -26
  2. package/dist/base.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/base.css +29 -18
package/dist/base.css CHANGED
@@ -1,11 +1,23 @@
1
1
  @tailwind base;
2
2
  @tailwind components;
3
3
  @tailwind utilities;
4
+ .gp-instant-page [data-slot='children'].product-feature-image {
5
+ visibility: visible;
6
+ border: unset;
7
+ }
8
+ .gp-instant-page [data-slot='children'].product-feature-image:after {
9
+ visibility: visible;
10
+ color: #aaa;
11
+ border: unset;
12
+ }
13
+ .gp-instant-page [data-slot='children'].product-feature-image .drag-placeholder {
14
+ height: 100%;
15
+ }
4
16
  .gpsil > section {
5
17
  transition: opacity 0.5s;
6
18
  }
7
19
  .gpsil .gps-lazy,
8
- .gpsil .gps-lazy>.gp-dialog {
20
+ .gpsil .gps-lazy > .gp-dialog {
9
21
  opacity: 0 !important;
10
22
  max-width: 100% !important;
11
23
  overflow-x: hidden !important;
@@ -271,7 +283,6 @@ p {
271
283
  display: none;
272
284
  }
273
285
  .rfm-marquee-container {
274
-
275
286
  display: flex;
276
287
  flex-direction: row;
277
288
  position: relative;
@@ -279,7 +290,6 @@ p {
279
290
  -webkit-transform: var(--transform);
280
291
  transform: var(--transform);
281
292
  max-width: unset !important;
282
-
283
293
  }
284
294
  .rfm-marquee-container:hover div {
285
295
  -webkit-animation-play-state: var(--pause-on-hover);
@@ -296,13 +306,13 @@ p {
296
306
  }
297
307
  .rfm-overlay::after {
298
308
  right: 0;
299
- top: 0;
300
- -webkit-transform: rotateZ(180deg);
301
- transform: rotateZ(180deg);
309
+ top: 0;
310
+ -webkit-transform: rotateZ(180deg);
311
+ transform: rotateZ(180deg);
302
312
  }
303
313
  .rfm-overlay::before {
304
314
  left: 0;
305
- top: 0;
315
+ top: 0;
306
316
  }
307
317
  .rfm-marquee {
308
318
  flex: 0 0 auto;
@@ -320,29 +330,27 @@ p {
320
330
  animation-delay: var(--delay);
321
331
  -webkit-animation-direction: var(--direction);
322
332
  animation-direction: var(--direction);
323
-
324
-
325
333
  }
326
334
  @-webkit-keyframes scroll {
327
- 0% {
328
- -webkit-transform: translateX(0%);
329
- transform: translateX(0%);
330
- }
331
- 100% {
332
- -webkit-transform: translateX(-100%);
333
- transform: translateX(-100%);
334
- }
335
+ 0% {
336
+ -webkit-transform: translateX(0%);
337
+ transform: translateX(0%);
338
+ }
339
+ 100% {
340
+ -webkit-transform: translateX(-100%);
341
+ transform: translateX(-100%);
335
342
  }
343
+ }
336
344
  @keyframes scroll {
337
- 0% {
338
- -webkit-transform: translateX(0%);
339
- transform: translateX(0%);
340
- }
341
- 100% {
342
- -webkit-transform: translateX(-100%);
343
- transform: translateX(-100%);
344
- }
345
+ 0% {
346
+ -webkit-transform: translateX(0%);
347
+ transform: translateX(0%);
345
348
  }
349
+ 100% {
350
+ -webkit-transform: translateX(-100%);
351
+ transform: translateX(-100%);
352
+ }
353
+ }
346
354
  .rfm-initial-child-container {
347
355
  flex: 0 0 auto;
348
356
  display: flex;
@@ -353,4 +361,4 @@ p {
353
361
  .rfm-child {
354
362
  -webkit-transform: var(--transform);
355
363
  transform: var(--transform);
356
- }
364
+ }
package/dist/base.min.css CHANGED
@@ -1 +1 @@
1
- @tailwind base;@tailwind components;@tailwind utilities;.gpsil>section{transition:opacity .5s}.gpsil .gps-lazy,.gpsil .gps-lazy>.gp-dialog{max-width:100%!important;min-width:100%!important;opacity:0!important;overflow-x:hidden!important;width:100%!important}.gpsil .gps-lazy .gp-button-base:before{display:none!important}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]: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-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)}.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)}
1
+ @tailwind base;@tailwind components;@tailwind utilities;.gp-instant-page [data-slot=children].product-feature-image{border:unset;visibility:visible}.gp-instant-page [data-slot=children].product-feature-image:after{border:unset;color:#aaa;visibility:visible}.gp-instant-page [data-slot=children].product-feature-image .drag-placeholder{height:100%}.gpsil>section{transition:opacity .5s}.gpsil .gps-lazy,.gpsil .gps-lazy>.gp-dialog{max-width:100%!important;min-width:100%!important;opacity:0!important;overflow-x:hidden!important;width:100%!important}.gpsil .gps-lazy .gp-button-base:before{display:none!important}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]: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-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)}.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)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.44.0-dev.60",
3
+ "version": "1.44.0-dev.70",
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
@@ -2,11 +2,28 @@
2
2
  @tailwind components;
3
3
  @tailwind utilities;
4
4
 
5
+ .gp-instant-page {
6
+ [data-slot='children'].product-feature-image {
7
+ visibility: visible;
8
+ border: unset;
9
+
10
+ &:after {
11
+ visibility: visible;
12
+ color: #aaa;
13
+ border: unset;
14
+ }
15
+
16
+ .drag-placeholder {
17
+ height: 100%;
18
+ }
19
+ }
20
+ }
21
+
5
22
  .gpsil > section {
6
23
  transition: opacity 0.5s;
7
24
  }
8
25
  .gpsil .gps-lazy,
9
- .gpsil .gps-lazy>.gp-dialog {
26
+ .gpsil .gps-lazy > .gp-dialog {
10
27
  opacity: 0 !important;
11
28
  max-width: 100% !important;
12
29
  overflow-x: hidden !important;
@@ -306,14 +323,12 @@ p {
306
323
  }
307
324
 
308
325
  .rfm-marquee-container {
309
-
310
326
  display: flex;
311
327
  flex-direction: row;
312
328
  position: relative;
313
329
  width: var(--width);
314
330
  transform: var(--transform);
315
331
  max-width: unset !important;
316
-
317
332
  }
318
333
  .rfm-marquee-container:hover div {
319
334
  animation-play-state: var(--pause-on-hover);
@@ -331,13 +346,13 @@ p {
331
346
 
332
347
  .rfm-overlay::after {
333
348
  right: 0;
334
- top: 0;
335
- transform: rotateZ(180deg);
349
+ top: 0;
350
+ transform: rotateZ(180deg);
336
351
  }
337
352
 
338
353
  .rfm-overlay::before {
339
354
  left: 0;
340
- top: 0;
355
+ top: 0;
341
356
  }
342
357
 
343
358
  .rfm-marquee {
@@ -352,20 +367,16 @@ p {
352
367
  animation-play-state: var(--play);
353
368
  animation-delay: var(--delay);
354
369
  animation-direction: var(--direction);
355
-
356
-
357
370
  }
358
371
 
359
- @keyframes scroll {
360
- 0% {
361
- transform: translateX(0%);
362
- }
363
- 100% {
364
- transform: translateX(-100%);
365
- }
372
+ @keyframes scroll {
373
+ 0% {
374
+ transform: translateX(0%);
366
375
  }
367
-
368
-
376
+ 100% {
377
+ transform: translateX(-100%);
378
+ }
379
+ }
369
380
 
370
381
  .rfm-initial-child-container {
371
382
  flex: 0 0 auto;
@@ -377,4 +388,4 @@ p {
377
388
 
378
389
  .rfm-child {
379
390
  transform: var(--transform);
380
- }
391
+ }