@gem-sdk/styles 1.46.0-staging.1 → 1.46.0-staging.7

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 +32 -34
  2. package/dist/base.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/base.css +19 -22
package/dist/base.css CHANGED
@@ -5,7 +5,7 @@
5
5
  transition: opacity 0.5s;
6
6
  }
7
7
  .gpsil .gps-lazy,
8
- .gpsil .gps-lazy>.gp-dialog {
8
+ .gpsil .gps-lazy > .gp-dialog {
9
9
  opacity: 0 !important;
10
10
  max-width: 100% !important;
11
11
  overflow-x: hidden !important;
@@ -271,7 +271,6 @@ p {
271
271
  display: none;
272
272
  }
273
273
  .rfm-marquee-container {
274
-
275
274
  display: flex;
276
275
  flex-direction: row;
277
276
  position: relative;
@@ -279,15 +278,6 @@ p {
279
278
  -webkit-transform: var(--transform);
280
279
  transform: var(--transform);
281
280
  max-width: unset !important;
282
-
283
- }
284
- .rfm-marquee-container:hover div {
285
- -webkit-animation-play-state: var(--pause-on-hover);
286
- animation-play-state: var(--pause-on-hover);
287
- }
288
- .rfm-marquee-container:active div {
289
- -webkit-animation-play-state: var(--pause-on-click);
290
- animation-play-state: var(--pause-on-click);
291
281
  }
292
282
  .rfm-overlay {
293
283
  position: absolute;
@@ -296,13 +286,13 @@ p {
296
286
  }
297
287
  .rfm-overlay::after {
298
288
  right: 0;
299
- top: 0;
300
- -webkit-transform: rotateZ(180deg);
301
- transform: rotateZ(180deg);
289
+ top: 0;
290
+ -webkit-transform: rotateZ(180deg);
291
+ transform: rotateZ(180deg);
302
292
  }
303
293
  .rfm-overlay::before {
304
294
  left: 0;
305
- top: 0;
295
+ top: 0;
306
296
  }
307
297
  .rfm-marquee {
308
298
  flex: 0 0 auto;
@@ -320,29 +310,27 @@ p {
320
310
  animation-delay: var(--delay);
321
311
  -webkit-animation-direction: var(--direction);
322
312
  animation-direction: var(--direction);
323
-
324
-
325
313
  }
326
314
  @-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
- }
315
+ 0% {
316
+ -webkit-transform: translateX(0%);
317
+ transform: translateX(0%);
335
318
  }
319
+ 100% {
320
+ -webkit-transform: translateX(-100%);
321
+ transform: translateX(-100%);
322
+ }
323
+ }
336
324
  @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
- }
325
+ 0% {
326
+ -webkit-transform: translateX(0%);
327
+ transform: translateX(0%);
328
+ }
329
+ 100% {
330
+ -webkit-transform: translateX(-100%);
331
+ transform: translateX(-100%);
345
332
  }
333
+ }
346
334
  .rfm-initial-child-container {
347
335
  flex: 0 0 auto;
348
336
  display: flex;
@@ -353,4 +341,14 @@ p {
353
341
  .rfm-child {
354
342
  -webkit-transform: var(--transform);
355
343
  transform: var(--transform);
356
- }
344
+ }
345
+ @media (min-width: 1024px){
346
+ .rfm-marquee-container:hover div {
347
+ -webkit-animation-play-state: var(--pause-on-hover);
348
+ animation-play-state: var(--pause-on-hover);
349
+ }
350
+ .rfm-marquee-container:active div {
351
+ -webkit-animation-play-state: var(--pause-on-click);
352
+ animation-play-state: var(--pause-on-click);
353
+ }
354
+ }
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]: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;.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]: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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.46.0-staging.1",
3
+ "version": "1.46.0-staging.7",
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
@@ -6,7 +6,7 @@
6
6
  transition: opacity 0.5s;
7
7
  }
8
8
  .gpsil .gps-lazy,
9
- .gpsil .gps-lazy>.gp-dialog {
9
+ .gpsil .gps-lazy > .gp-dialog {
10
10
  opacity: 0 !important;
11
11
  max-width: 100% !important;
12
12
  overflow-x: hidden !important;
@@ -288,23 +288,24 @@ p {
288
288
  }
289
289
 
290
290
  .rfm-marquee-container {
291
-
292
291
  display: flex;
293
292
  flex-direction: row;
294
293
  position: relative;
295
294
  width: var(--width);
296
295
  transform: var(--transform);
297
296
  max-width: unset !important;
298
-
299
- }
300
- .rfm-marquee-container:hover div {
301
- animation-play-state: var(--pause-on-hover);
302
297
  }
303
298
 
304
- .rfm-marquee-container:active div {
299
+ @media (min-width: 1024px) {
300
+ .rfm-marquee-container:hover div {
301
+ animation-play-state: var(--pause-on-hover);
302
+ }
303
+ .rfm-marquee-container:active div {
305
304
  animation-play-state: var(--pause-on-click);
306
305
  }
307
306
 
307
+ }
308
+
308
309
  .rfm-overlay {
309
310
  position: absolute;
310
311
  width: 100%;
@@ -313,13 +314,13 @@ p {
313
314
 
314
315
  .rfm-overlay::after {
315
316
  right: 0;
316
- top: 0;
317
- transform: rotateZ(180deg);
317
+ top: 0;
318
+ transform: rotateZ(180deg);
318
319
  }
319
320
 
320
321
  .rfm-overlay::before {
321
322
  left: 0;
322
- top: 0;
323
+ top: 0;
323
324
  }
324
325
 
325
326
  .rfm-marquee {
@@ -334,20 +335,16 @@ p {
334
335
  animation-play-state: var(--play);
335
336
  animation-delay: var(--delay);
336
337
  animation-direction: var(--direction);
337
-
338
-
339
338
  }
340
339
 
341
- @keyframes scroll {
342
- 0% {
343
- transform: translateX(0%);
344
- }
345
- 100% {
346
- transform: translateX(-100%);
347
- }
340
+ @keyframes scroll {
341
+ 0% {
342
+ transform: translateX(0%);
348
343
  }
349
-
350
-
344
+ 100% {
345
+ transform: translateX(-100%);
346
+ }
347
+ }
351
348
 
352
349
  .rfm-initial-child-container {
353
350
  flex: 0 0 auto;
@@ -359,4 +356,4 @@ p {
359
356
 
360
357
  .rfm-child {
361
358
  transform: var(--transform);
362
- }
359
+ }