naive-ui/styles/DynamicInput.scss

52 lines
1.2 KiB
SCSS
Raw Normal View History

2020-03-09 09:29:48 +08:00
@import './mixins/mixins.scss';
@include themes-mixin {
2020-03-09 10:30:25 +08:00
@include once {
@include b(dynamic-input) {
2020-03-09 10:30:25 +08:00
width: 100%;
@include m(title) {
display: block;
margin: 0 0 8px;
2020-03-09 09:29:48 +08:00
}
@include b(dynamic-input-item) {
2020-03-09 10:30:25 +08:00
margin-bottom: 10px;
2020-03-09 09:29:48 +08:00
display: flex;
flex-wrap: nowrap;
@include b(dynamic-input-preset-input) {
flex: 1;
}
@include b(dynamic-input-preset-pair) {
2020-03-09 10:30:25 +08:00
flex: 1;
display: flex;
@include b(dynamic-input-pair-input){
&:first-child {
margin-right: 12px;
}
}
2020-03-09 10:30:25 +08:00
}
@include e(action) {
2020-03-11 16:24:35 +08:00
width: 80px;
2020-03-09 10:30:25 +08:00
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-shrink: 0;
flex-grow: 0;
2020-03-09 10:30:25 +08:00
@include m(icon) {
cursor: pointer;
}
}
&:last-child {
margin-bottom: 0;
2020-03-09 09:29:48 +08:00
}
}
@include b(form-item) {
padding-top: 0 !important;
margin-right: 0 !important;
@include b(form-item-blank) {
padding: 0 !important;
2020-03-09 12:12:31 +08:00
}
2020-03-09 09:29:48 +08:00
}
}
}
}