vue-ant-patterns
Version:
vue-ant-patterns
111 lines (110 loc) • 2.71 kB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
命名规则, 三部分 className
.flex-侧轴
.flex-主轴
.flex-侧轴-主轴
*/
.depot-container-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.depot-container-horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.depot-container-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.depot-container-grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 0px;
flex-basis: 0px;
}
.depot-container-wrap {
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.depot-container-content {
/* -- */
}
.depot-container-align-star {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.depot-container-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.depot-container-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.depot-container-align-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between;
}
.depot-container-justify-star {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.depot-container-justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.depot-container-justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.depot-container-justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.depot-container-view-page .ant-form-item-label,
.depot-container-view-page .ant-form-item-control {
line-height: 22px;
}
.depot-container-scroll-x,
.depot-container-scroll-y {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 0px;
flex-basis: 0px;
overflow: hidden;
}
.depot-container-scroll-x {
overflow-x: auto;
}
.depot-container-scroll-y {
overflow-y: auto;
}