pip-webui/pip-webui-css/src/sizes/sizes_width.less

HTML5 UI for LOB applications

// @file Width CSS styles
// @copyright Digital Living Software Corp. 2014-2015

.w0 { .w(0); }
.w2 { .w(2px); }
.w4 { .w(4px); }
.w8 { .w(8px); }
.w16 { .w(16px); }
.w24 { .w(24px); }
.w38 { .w(38px); }
.w40 { .w(40px); }
.w48 { .w(48px); }
.w56 { .w(56px); }
.w64 { .w(56px); }
.w72 { .w(56px); }
.w88 { .w(88px); }
.w100 { .w(100px); }

.w150-flex { .w(100px); }
.w178-flex { .w(178px); }
.w264-flex { .w(264px); }
.w440-flex { .w(440px); }
.w600-flex { .w(600px); }
.w900-flex { .w(900px); }
.w50-stretch { .w(50%); }
.w-stretch { .w(100%); }
.w-stretch-56 {.w(~"calc(100% - 56px)")}

.w-initial { .w(initial); }

@media ( max-width: 1200px) {
  .w900-flex { .w(100%);  }
}

@media ( max-width: 768px) {
  .w150-flex { .w(100%);  }
  .w178-flex { .w(100%);  }
  .w264-flex { .w(100%);  }
  .w440-flex { .w(100%);  }
  .w600-flex { .w(100%);  }
  .w50-stretch { .w(100%); }
}


.min-w24 { .min-w(24px);  }
.min-w48 { .min-w(48px);  }
.min-w56 { .min-w(56px);  }
.min-w64 { .min-w(64px);  }
.min-w72 { .min-w(72px);  }
.min-w33-stretch { .min-w(33%); }
.min-w50-stretch { .min-w(50%); }
.min-w100-stretch { .min-w(100%); }


.max-w24 { .max-w(24px);  }
.max-w48 { .max-w(48px);  }
.max-w64 { .max-w(64px);  }
.max-w72 { .max-w(72px);  }
.max-w33-stretch { .max-w(33%); }
.max-w50-stretch { .max-w(50%); }
.max-w100-stretch { .max-w(100%); }