Apply less aggressive global CSS rules to containers

This commit is contained in:
Andrew Kingston 2021-06-10 11:24:42 +01:00
parent f4cb901f33
commit 70167591d9
1 changed files with 3 additions and 5 deletions

View File

@ -11,7 +11,7 @@
let element
$: directionClass = direction ? `direction-${direction}` : ""
$: directionClass = direction ? `container direction-${direction}` : ""
$: hAlignClass = hAlign ? `hAlign-${hAlign}` : ""
$: vAlignClass = vAlign ? `vAlign-${vAlign}` : ""
$: sizeClass = size ? `size-${size}` : ""
@ -36,13 +36,11 @@
.empty {
border: 2px dashed rgba(0, 0, 0, 0.25);
}
.direction-row,
.direction-column {
.container {
display: flex;
max-width: 100%;
}
.direction-row :global(*),
.direction-column :global(*) {
.container :global([data-type="component"] > *) {
max-width: 100%;
}
.direction-row {