调整space组件的样式
parent
847ad1dd84
commit
bbc457f46a
|
@ -16,6 +16,7 @@ class Space extends Component {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
padding: 12px 0;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
}
|
}
|
||||||
:host([vertical]) {
|
:host([vertical]) {
|
||||||
|
@ -35,12 +36,12 @@ class Space extends Component {
|
||||||
'l': 12px,
|
'l': 12px,
|
||||||
'xl': 16px,
|
'xl': 16px,
|
||||||
'xxl': 20px,
|
'xxl': 20px,
|
||||||
'xxxl': 24px,
|
'xxxl': 24px
|
||||||
'xxxxl': 28px
|
|
||||||
);
|
);
|
||||||
@loop $k, $v in $gaps {
|
@loop $k, $v in $gaps {
|
||||||
:host([gap='#{$k}']) {
|
:host([gap='#{$k}']) {
|
||||||
.container {
|
.container {
|
||||||
|
padding: $v 0;
|
||||||
gap: $v;
|
gap: $v;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue