Fix VSF drawer text columns to exact left-right screenshot mapping
This commit is contained in:
@@ -2101,6 +2101,18 @@ section + section {
|
||||
column-gap: var(--layout-vsf-drawer-object-card-column-gap);
|
||||
}
|
||||
|
||||
.sg-vsf-drawer-object-card__text-columns {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: var(--layout-vsf-drawer-object-card-column-gap);
|
||||
color: var(--text-vsf-drawer-object-card-body);
|
||||
}
|
||||
|
||||
.sg-vsf-drawer-object-card__text-column {
|
||||
margin: 0;
|
||||
color: var(--text-vsf-drawer-object-card-body);
|
||||
}
|
||||
|
||||
.sg-vsf-drawer-object-card__heading {
|
||||
color: var(--text-vsf-drawer-object-card-heading);
|
||||
margin: 0;
|
||||
@@ -2142,6 +2154,10 @@ section + section {
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.sg-vsf-drawer-object-card__text-columns {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.sg-text-layout-pattern__sample--sixty-width,
|
||||
.sg-text-layout-pattern__sample--two-column {
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user