@sunrise-upc/sales-static-components 3.8.8 → 3.8.10

package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css

@@ -1,71 +1,71 @@
-/* Mobile only viewport */
-@media all and (max-width: 768px) {
-  .timer-wrap {
-    text-align: center !important;
-    margin-left: -4px !important;
-    margin-right: 0 !important;
-  }
-  .timer-container {
-    min-width: fit-content;
-  }
-  .timer-message {
-    margin-bottom: 10px;
-  }
-  .timer-section {
-    justify-content: center;
-    margin-top: 4px;
-    margin-left: unset !important;
-    margin-right: unset !important;
-  }
-}
-/* Mobile and tablet viewport */
-@media all and (max-width: 1023px) {
-  .timer-message {
-    margin-top: unset;
-  }
-}
-
-/* Tablet only viewport */
-@media all and (min-width: 768px) and (max-width: 1023px) {
-  .timer-section {
-    margin-top: unset;
-  }
-}
-
-.timer-container {
-  color: black;
-  display: inline-block;
-  max-width: 100%;
-  min-width: fit-content;
-}
-.colon {
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 36px;
-}
-
-.timer-section {
-  display: flex;
-  padding: 8px 18px 8px 24px;
-}
-.timer-element {
-  display: inline-block;
-  min-width: 42px;
-  padding: 0 6px;
-  text-align: center;
-}
-.timer-value {
-  font-weight: 700;
-  font-size: 32px;
-  line-height: 36px;
-}
-.timer-label {
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-}
-.transparent-element:first-child {
-    padding-left: 0;
+/* Mobile only viewport */
+@media all and (max-width: 768px) {
+  .timer-wrap {
+    text-align: center !important;
+    margin-left: -4px !important;
+    margin-right: 0 !important;
+  }
+  .timer-container {
+    min-width: fit-content;
+  }
+  .timer-message {
+    margin-bottom: 10px;
+  }
+  .timer-section {
+    justify-content: center;
+    margin-top: 4px;
+    margin-left: unset !important;
+    margin-right: unset !important;
+  }
+}
+/* Mobile and tablet viewport */
+@media all and (max-width: 1023px) {
+  .timer-message {
+    margin-top: unset;
+  }
+}
+
+/* Tablet only viewport */
+@media all and (min-width: 768px) and (max-width: 1023px) {
+  .timer-section {
+    margin-top: unset;
+  }
+}
+
+.timer-container {
+  color: black;
+  display: inline-block;
+  max-width: 100%;
+  min-width: fit-content;
+}
+.colon {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+}
+
+.timer-section {
+  display: flex;
+  padding: 8px 18px 8px 24px;
+}
+.timer-element {
+  display: inline-block;
+  min-width: 42px;
+  padding: 0 6px;
+  text-align: center;
+}
+.timer-value {
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 36px;
+}
+.timer-label {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}
+.transparent-element:first-child {
+    padding-left: 0;
 }
 /* center a block element */
 /* use this to any of the pseudo elements as these are the mandatory properties */