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

HTML5 UI for LOB applications

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

.m-auto { .m(0 auto)};
.m-10 { .m(-10px); }
.m0 { .m(0); }
.m1 { .m(1px); }
.m2 { .m(2px); }
.m4 { .m(4px); }
.m8 { .m(8px); }
.m12 { .m(12px); }
.m16 { .m(16px); }
.m24 { .m(24px); }
.m16-flex { .m(16px); }
.m24-flex { .m(24px); }


.tm-10 { .tm(-10px); }
.tm0 { .tm(0); }
.tm2 { .tm(2px); }
.tm4 { .tm(4px); }
.tm8 { .tm(8px); }
.tm12 { .tm(12px); }
.tm16 { .tm(16px); }
.tm24 { .tm(24px); }
.tm32 { .tm(32px); }
.tm48 { .tm(48px); }
.tm16-flex { .tm(16px); }
.tm24-flex { .tm(24px); }


.bm-10 { .bm(-10px); }
.bm0 { .bm(0px); }
.bm2 { .bm(2px); }
.bm4 { .bm(4px); }
.bm8 { .bm(8px); }
.bm12 { .bm(12px); }
.bm16 { .bm(16px); }
.bm24 { .bm(24px); }
.bm16-flex { .bm(16px); }
.bm24-flex { .bm(24px); }


.lm-10 { .lm(-10px); }
.lm0 { .lm(0); }
.lm2 { .lm(2px); }
.lm4 { .lm(4px); }
.lm8 { .lm(8px); }
.lm12 { .lm(12px); }
.lm16 { .lm(16px); }
.lm24 { .lm(24px); }
.lm56 { .lm(56px); }
.lm16-flex { .lm(16px); }
.lm24-flex { .lm(24px); }


.rm-10 { .rm(-10px); }
.rm0 { .rm(0px); }
.rm2 { .rm(2px); }
.rm4 { .rm(4px); }
.rm8 { .rm(8px); }
.rm12 { .rm(12px); }
.rm16 { .rm(16px); }
.rm24 { .rm(24px); }
.rm16-flex { .rm(16px); }
.rm24-flex { .rm(24px); }
.rm24-flex0 { .rm(24px); }

@media (max-width: 1200px) {
    .m16-flex { .m(8px); }
    .m24-flex { .m(16px); }

    .tm16-flex { .tm(8px); }
    .tm24-flex { .tm(16px); }

    .bm16-flex { .bm(8px); }
    .bm24-flex { .bm(16px); }

    .lm16-flex { .lm(8px); }
    .lm24-flex { .lm(16px); }

    .rm16-flex { .rm(8px); }
    .rm24-flex { .rm(16px); }
}

@media (max-width: 768px) {
    .rm24-flex0 { .rm(0px); }
}