@gem-sdk/styles 2.0.0-dev.895 → 2.0.0-staging.1059

package/src/css/builds/builder.css

@@ -222,7 +222,8 @@
       background-color: #d8e1ff !important;
     }
 
-    &[is-drag-to-theme-section='true'], &[is-drag-to-shopify-section='true'] {
+    &[is-drag-to-theme-section='true'],
+    &[is-drag-to-shopify-section='true'] {
       background-color: rgba(254, 228, 227, 0.24) !important;
       display: block;
 
@@ -261,11 +262,6 @@
       }
     }
 
-    &[is-drag-to-exceeded-section='true'] {
-      background-color: rgba(244,67,54, 0.08) !important;
-      border: 1px solid rgba(244,67,54) !important;
-      display: block;
-    }
     &[is-component-dragging='true'] {
       background-color: #8aa4ff66 !important;
     }
@@ -418,15 +414,16 @@
 
 .post-purchase-page {
   font-size: 14px;
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   line-height: 15px;
+
   select:focus {
     border-color: #1879b9;
     box-shadow: 0 0 0 1px #1879b9;
   }
 }
 
-
 /* .button-text.ck p {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -436,6 +433,9 @@
 .gp-text.ck p {
   word-break: break-word;
 }
+.gp-text strong {
+  font-weight: bold;
+}
 
 .button-text:hover::after {
   content: '';
@@ -481,4 +481,119 @@
 
 .editor-content {
   font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
-}
+}
+
+.rfm-marquee-container {
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  width: var(--width);
+  transform: var(--transform);
+  max-width: unset !important;
+}
+
+.rfm-marquee-container:hover div {
+  animation-play-state: var(--pause-on-hover);
+}
+
+.rfm-marquee-container:active div {
+  animation-play-state: var(--pause-on-click);
+}
+
+.rfm-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+.rfm-overlay::after {
+  right: 0;
+  top: 0;
+  transform: rotateZ(180deg);
+}
+
+.rfm-overlay::before {
+  left: 0;
+  top: 0;
+}
+
+.rfm-marquee {
+  flex: 0 0 auto;
+  min-width: var(--min-width);
+  z-index: 1;
+  max-width: unset !important;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  animation: gp-marquee-scroll var(--duration) linear var(--delay) var(--iteration-count);
+  animation-play-state: var(--play);
+  animation-delay: var(--delay);
+  animation-direction: var(--direction);
+}
+
+@keyframes gp-marquee-scroll {
+  0% {
+    transform: translateX(0%);
+  }
+
+  100% {
+    transform: translateX(-100%);
+  }
+}
+
+.rfm-initial-child-container {
+  flex: 0 0 auto;
+  display: flex;
+  min-width: auto;
+  flex-direction: row;
+  align-items: center;
+}
+
+.rfm-child {
+  transform: var(--transform);
+}
+
+.product-badge.inside-image {
+  [data-outline] {
+    visibility: visible;
+  }
+}
+
+.interaction-select-mode-header {
+  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
+}
+
+[display-init='hide'] {
+  visibility: hidden !important;
+  max-height: 0 !important;
+  overflow: hidden !important;
+  display: inline !important;
+}
+
+[display-init='hide'] * {
+  max-height: 0 !important;
+}
+
+.interaction-select-mode [data-component-tag] * {
+  cursor: default !important;
+
+  & [data-toolbar] * {
+    cursor: pointer !important;
+  }
+}
+
+.interaction-select-mode {
+  [data-component-tag='ProductQuantity'] {
+    button[aria-label='increment'],
+    button[aria-label='decrement'],
+    input {
+      pointer-events: none;
+    }
+  }
+
+  [data-component-tag='ProductVariants'] {
+    span.gp-underline {
+      pointer-events: none;
+    }
+  }
+}