@zohodesk/layout/es/Flex/css/Layout.module.css

Unified Component Library - Layout

.preventScrollBubbleX {
  overscroll-behavior-x: contain;
}

.preventScrollBubbleY {
  overscroll-behavior-y: contain;
}

.preventScrollBubbleBoth {
  overscroll-behavior: contain;
}

/*Column Specification*/

.col-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25% ;
  max-width: 25% ;
}

.col-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50% ;
  max-width: 50% ;
}

.col-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75% ;
  max-width: 75% ;
}

.col-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100% ;
  max-width: 100% ;
}

.first {
  -ms-flex-order: -1;
  order: -1;
}

.last {
  -ms-flex-order: 1;
  order: 1;
}

/*Hidden Responsive*/
@media only screen and (max-width: 30em) {
  .hidden-screen-xs {
    display: none;
  }
}

@media only screen and (min-width: 30.063em) and (max-width: 48em) {
  .hidden-screen-sm {
    display: none;
  }
}

@media only screen and (min-width: 48.063em) and (max-width: 61.25em) {
  .hidden-screen-md {
    display: none;
  }
}

@media only screen and (min-width: 61.313em) and (max-width: 75em) {
  .hidden-screen-lg {
    display: none;
  }
}

@media only screen and (min-width: 75.063em) {
  .hidden-screen-xl {
    display: none;
  }
}