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

HTML5 UI for LOB applications

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

.p0 { .p(0); }
.p2 { .p(2px); }
.p4 { .p(4px); }
.p8 { .p(8px); }
.p12 { .p(12px); }
.p16 { .p(16px); }
.p24 { .p(24px); }
.p8-flex { .p(8px); }
.p12-flex { .p(12px); }
.p16-flex { .p(16px); }
.p24-flex { .p(24px); }
.p32-flex { .p(32px); }


.tp0 { .tp(0); }
.tp2 { .tp(2px); }
.tp4 { .tp(4px); }
.tp8 { .tp(8px); }
.tp12 { .tp(12px); }
.tp16 { .tp(16px); }
.tp24 { .tp(24px); }
.tp12-flex { .tp(12px); }
.tp16-flex { .tp(16px); }
.tp24-flex { .tp(24px); }
.tp32-flex { .tp(32px); }


.bp0 { .bp(0); }
.bp2 { .bp(2px); }
.bp4 { .bp(4px); }
.bp8 { .bp(8px); }
.bp12 { .bp(12px); }
.bp16 { .bp(16px); }
.bp24 { .bp(24px); }
.bp12-flex { .bp(12px); }
.bp16-flex { .bp(16px); }
.bp24-flex { .bp(24px); }
.tp32-flex { .tp(32px); }


.lp0 { .lp(0); }
.lp2 { .lp(2px); }
.lp4 { .lp(4px); }
.lp8 { .lp(8px); }
.lp12 { .lp(12px); }
.lp16 { .lp(16px); }
.lp24 { .lp(24px); }
.lp12-flex { .lp(12px); }
.lp16-flex { .lp(16px); }
.lp24-flex { .lp(24px); }
.tp32-flex { .tp(32px); }


// Add right paddings
.rp0 { .rp(0); }
.rp2 { .rp(2px); }
.rp4 { .rp(4px); }
.rp8 { .rp(8px); }
.rp12 { .rp(12px); }
.rp16 { .rp(16px); }
.rp24 { .rp(24px); }
.rp12-flex { .rp(12px); }
.rp16-flex { .rp(16px); }
.rp24-flex { .rp(24px); }
.rp32-flex { .rp(32px); }

@media (max-width: 1200px) {
    .p12-flex { .p(4px); }
    .p16-flex { .p(8px); }
    .p24-flex { .p(16px); }
    .p32-flex { .p(16px); }

    .tp12-flex { .tp(4px); }
    .tp16-flex { .tp(8px); }
    .tp24-flex { .tp(16px); }
    .tp32-flex { .tp(16px); }

    .bp12-flex { .bp(4px); }
    .bp16-flex { .bp(8px); }
    .bp24-flex { .bp(16px); }
    .bp32-flex { .bp(16px); }

    .lp12-flex { .lp(4px); }
    .lp16-flex { .lp(8px); }
    .lp24-flex { .lp(16px); }
    .lp32-flex { .lp(16px); }

    .rp12-flex { .rp(4px); }
    .rp16-flex { .rp(8px); }
    .rp24-flex { .rp(16px); }
    .rp32-flex { .rp(16px); }
}