@omnia/runtime 8.0.216-dev → 8.0.217-dev

package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css

@@ -9,6 +9,7 @@
 .olmkbo7:not(#\#){border-top:var(--borderTop,revert)}
 .o1kapfjr:not(#\#){flex:var(--flex,revert)}
 .ob3r6kr:not(#\#){overflow:hidden}
+.o1bmpxvi:not(#\#){text-decoration:var(--textDecoration,revert)}
 .o7mpspi:not(#\#){transition:.4s}
 .o5z8be9:not(#\#){transition:var(--transition,revert)}
 .o1ua5tub:not(#\#):not(#\#){-webkit-box-orient:vertical}
@@ -17,6 +18,7 @@
 .o1bdtpbn:not(#\#):not(#\#){align-items:var(--alignItems,revert)}
 .orvokbi:not(#\#):not(#\#){align-self:var(--alignSelf,revert)}
 .o1xx3nwc:not(#\#):not(#\#){back-drop-filter:var(--backDropFilter,revert)}
+.okpg4c3:not(#\#):not(#\#){background-clip:var(--backgroundClip,revert)}
 .oq1mx2j:not(#\#):not(#\#){background-color:var(--backgroundColor,revert)}
 .od1wvjb:not(#\#):not(#\#){box-sizing:var(--boxSizing,revert)}
 .o19dipnz:not(#\#):not(#\#){color:var(--color,revert)}
@@ -30,11 +32,14 @@
 .ocr92ck:not(#\#):not(#\#){flex-direction:var(--flexDirection,revert)}
 .o11kkp4q:not(#\#):not(#\#){flex-grow:var(--flexGrow,revert)}
 .oq4ukbr:not(#\#):not(#\#){flex-wrap:var(--flexWrap,revert)}
+.o1q1tvw:not(#\#):not(#\#){font-family:var(--fontFamily,revert)}
 .o13jbg0v:not(#\#):not(#\#){font-size:var(--fontSize,revert)}
 .o1d8kn6q:not(#\#):not(#\#){font-weight:var(--fontWeight,revert)}
 .o1qa288d:not(#\#):not(#\#){justify-content:var(--justifyContent,revert)}
+.oatrb82:not(#\#):not(#\#){line-height:var(--lineHeight,revert)}
 .o1u4uod0:not(#\#):not(#\#){opacity:var(--opacity,revert)}
 .om8a6f2:not(#\#):not(#\#){row-gap:var(--rowGap,revert)}
+.otc2z4j:not(#\#):not(#\#){text-fill-color:var(--textFillColor,revert)}
 .o7p49u4:not(#\#):not(#\#){transform:rotate(0deg)}
 .o1iffjtl:not(#\#):not(#\#){transform:rotate(90deg)}
 .o1v0jg1i:not(#\#):not(#\#){transform:var(--transform,revert)}
@@ -60,7 +65,33 @@
 .o1af1tl5:not(#\#):not(#\#):not(#\#){padding-right:var(--paddingRight,revert)}
 .obobb8a:not(#\#):not(#\#):not(#\#){padding-top:var(--paddingTop,revert)}
 .o17fnjtu:not(#\#):not(#\#):not(#\#){width:var(--width,revert)}
-                            /*!
+                            .os-imp-width {
+    width: var(--width, revert) !important
+}
+
+.os-imp-bg-clip {
+    background-clip: var(--backgroundClip, revert) !important;
+    -webkit-background-clip: var(--backgroundClip, revert) !important;
+}
+
+.os-imp-bg {
+    background: var(--background, revert) !important;
+}
+
+.os-imp-color {
+    color: var(--color, revert) !important;
+}
+
+.os-imp-text-decoration {
+    text-decoration: var(--textDecoration, revert) !important
+}
+
+.os-imp-font {
+    font-size: var(--fontSize, revert) !important;
+    font-weight: var(--fontWeight, revert) !important;
+    line-height: var(--lineHeight, revert) !important;
+}
+/*!
 use .css file to override vuetify css prevent flickering because that will bundle to omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css
  */
 
@@ -149,6 +180,53 @@ html[data-omfx] pre {
     margin-left: 0;
     margin-right: 0;
 }
+
+/*Apply some rules for mobile devices (focus on ios)*/
+
+/* CSS specific to iOS devices */ 
+@supports (-webkit-touch-callout: none) {
+  @media (min-device-width:320px) and (max-device-width:600px) {
+    #omnia-app{
+      overflow-y: hidden;
+    }
+  }
+}
+
+@media (min-device-width:320px) and (max-device-width:600px) {
+    #omnia-content-footer{
+        padding-bottom: 60px
+    }
+}
+.o-typo {
+
+    @media screen and (max-width: 420px) {
+        font-size: var(--sm-fontSize, revert) !important;
+        font-weight: var(--sm-fontWeight, revert) !important;
+        line-height: var(--sm-lineHeight, revert) !important;
+    }
+
+    @media screen and (max-width: 420px) {
+        font-size: var(--sm-fontSize, revert) !important;
+        font-weight: var(--sm-fontWeight, revert) !important;
+        line-height: var(--sm-lineHeight, revert) !important;
+    }
+}
+
+@media screen and (max-width: 420px) {
+    .o-typo-font {
+        font-size: var(--sm-fontSize, revert) !important;
+        font-weight: var(--sm-fontWeight, revert) !important;
+        line-height: var(--sm-lineHeight, revert) !important;
+    }
+}
+
+@media screen and (min-width: 421) and (max-width: 1200px) {
+    .o-typo-font {
+        font-size: var(--md-fontSize, revert) !important;
+        font-weight: var(--md-fontWeight, revert) !important;
+        line-height: var(--md-lineHeight, revert) !important;
+    }
+}
 /*!
  * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
  */
@@ -1218,12 +1296,12 @@ html[data-omfx] pre {
 }
 
 .v-btn.o-btn-wrapper {
-    color: var(--obtn-color) !important;
-    background: var(--obtn-background) !important;
+    color: var(--obtn-color, revert) !important;
+    background: var(--obtn-background, revert) !important;
 }
 
 .v-btn.o-btn-wrapper i {
-    color: var(--obtn-nest-color) !important;
+    color: var(--obtn-nest-color, revert) !important;
 }
 
 .v-btn.o-btn-wrapper .v-btn__content {
@@ -1231,7 +1309,7 @@ html[data-omfx] pre {
 }
 
 .v-btn.o-btn-wrapper:hover>.v-btn__overlay {
-    background: var(--obtn-nest-background) !important;
+    background: var(--obtn-nest-background, revert) !important;
 }
 [comp="o-icon"].ms-Icon {
     margin-top: "10px";