@salla.sa/twilight-components 3.0.24 → 3.0.26

package/dist/collection/components/salla-conditional-offer/salla-conditional-offer.css

@@ -424,6 +424,145 @@
   color: rgb(115 115 115 / var(--tw-text-opacity, 1));
   text-decoration-line: line-through;
 }
+.s-conditional-offer-gifts {
+  margin-top: 0.75rem;
+  width: 100%;
+  min-width: 0px;
+  border-radius: 0.375rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+  padding: 0.75rem;
+}
+.s-conditional-offer-picker {
+  display: flex;
+  width: 100%;
+  min-width: 0px;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.s-conditional-offer-picker-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.s-conditional-offer-picker-counter {
+  display: inline-flex;
+  height: 2.25rem;
+  width: 2.25rem;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  border-width: 2px;
+  border-color: var(--color-primary);
+  font-size: 0.75rem;
+  line-height: 1rem;
+  font-weight: 700;
+  color: var(--color-primary-dark);
+}
+.s-conditional-offer-picker-title {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 700;
+  color: var(--color-primary-dark);
+}
+.s-conditional-offer-picker-list {
+  margin: 0px;
+  display: flex;
+  list-style-type: none;
+  gap: 0.75rem;
+  overflow-x: auto;
+  overscroll-behavior-x: contain;
+  scroll-behavior: smooth;
+  padding: 0px;
+  padding-bottom: 0.25rem;
+  scrollbar-width: thin;
+}
+.s-conditional-offer-picker-card {
+  display: flex;
+  width: 9rem;
+  flex-shrink: 0;
+  flex-direction: column;
+  gap: 0.375rem;
+  text-align: start;
+}
+.s-conditional-offer-picker-thumb {
+  display: inline-flex;
+  height: 7rem;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: 0.375rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  font-size: 1.5rem;
+  line-height: 2rem;
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
+}
+.s-conditional-offer-picker-image {
+  height: 100%;
+  width: 100%;
+  object-fit: contain;
+}
+.s-conditional-offer-picker-name {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
+}
+.s-conditional-offer-picker-prices {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.s-conditional-offer-picker-price-regular {
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
+}
+.s-conditional-offer-picker-actions {
+  margin-top: auto;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 0.375rem;
+}
+.s-conditional-offer-picker-add {
+  display: inline-flex;
+  height: 2.25rem;
+  flex: 1 1 0%;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.375rem;
+  border-width: 1px;
+  border-color: var(--color-primary);
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 700;
+  color: var(--color-primary-dark);
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+}
+.s-conditional-offer-picker-add:hover {
+  background-color: var(--color-primary);
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .s-conditional-offer-tooltip {
   position: absolute;
   top: calc(100% + 0.75rem);