seitime-frappe/frappe/public/less/flex.less
Prateeksha Singh 67c9f94470 [refactor] Dialog to ES6 class, secondary/hide action (#5987)
* [refactor] Dialog to ES6 class, secondary/hide action

* [flex] add utility classes
2018-08-21 11:09:34 +05:30

59 lines
835 B
Text

.flex {
display: flex;
}
.flex-column {
flex-direction: column;
}
.justify-center {
justify-content: center;
}
.align-center {
align-items: center;
}
.align-flex-end {
align-items: flex-end;
}
.justify-between {
justify-content: space-between
}
.level {
display: flex;
justify-content: space-between;
align-items: center;
}
.level-left, .level-right {
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
align-items: center;
&.is-flexible {
flex-grow: initial;
flex-shrink: initial;
}
}
.level-left {
justify-content: flex-start;
}
.level-right {
justify-content: flex-end;
}
.level-item {
align-items: center;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
}