naive-ui/styles/DynamicInput.scss

50 lines
1.1 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;
2020-03-09 10:30:25 +08:00
@include e(content) {
flex: 1;
display: inline-block;
display: flex;
}
@include e(action) {
2020-03-11 16:24:35 +08:00
width: 80px;
2020-03-09 10:30:25 +08:00
display: flex;
margin-left: 13px;
@include m(icon) {
cursor: pointer;
}
}
&:last-child {
margin-bottom: 0;
2020-03-09 09:29:48 +08:00
}
}
@include b(dynamic-input-pair) {
2020-03-09 10:30:25 +08:00
width: 100%;
display: flex;
@include b(dynamic-input-item-input-container-input) {
2020-03-09 10:30:25 +08:00
display: inline-block;
flex: 1;
}
@include b(form-item) {
padding-top: 0!important;
}
2020-03-09 09:29:48 +08:00
}
@include b(dynamic-input-pair-input){
2020-03-09 12:12:31 +08:00
&:first-child {
margin-right: 13px;
}
2020-03-09 09:29:48 +08:00
}
}
}
}