ORIENT/modules/backend/assets/less/layout/flexlayout.less

55 lines
1.1 KiB
Plaintext

.flex-layout-column {
.flex-display();
.flex-direction-column();
&.full-height-strict {
height: 100%;
}
&.absolute {
position: absolute!important;
}
&.fill-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
}
.flex-layout-row {
.flex-display();
.flex-direction-row();
}
.flex-layout-column, .flex-layout-row {
&.justify-center {.justify-content(center);}
&.align-center {
.align-items(center);
.align-content(center);
}
&.full-height {
min-height: 100%;
// height: 100%;
}
}
.flex-layout-item {
margin: 0;
&.fix {.flex-fix();}
&.stretch {.flex-stretch();}
&.stretch-constrain {.flex-stretch-constrain();}
&.center {.align-self(center);}
&.relative {position: relative;}
&.layout-container {max-width: none;}
// @deprecated Remove if year >= 2017 (3 lines below)
&.width-100 {width: 100px;}
&.width-200 {width: 200px;}
&.width-300 {width: 300px;}
}