Remove Content Group Box border
This commit is contained in:
@@ -92,7 +92,6 @@
|
|||||||
<thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck in der Komponente</th></tr></thead>
|
<thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck in der Komponente</th></tr></thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr><td>surface-content-group-box</td><td>color-transparent</td><td>Transparente Fläche der Wrapper-Component.</td></tr>
|
<tr><td>surface-content-group-box</td><td>color-transparent</td><td>Transparente Fläche der Wrapper-Component.</td></tr>
|
||||||
<tr><td>border-content-group-box</td><td>color-white</td><td>Temporärer Prüfrahmen für die visuelle Kontrolle der Component-Erstellung.</td></tr>
|
|
||||||
<tr><td>layout-content-group-box-gap</td><td>spacing-large</td><td>Vertikaler Abstand zwischen den direkten Abschnitts-Containern innerhalb der Wrapper-Component.</td></tr>
|
<tr><td>layout-content-group-box-gap</td><td>spacing-large</td><td>Vertikaler Abstand zwischen den direkten Abschnitts-Containern innerhalb der Wrapper-Component.</td></tr>
|
||||||
<tr><td>layout-content-group-box-margin-block</td><td>calc(var(--spacing-large) * 0.5)</td><td>Oberer und unterer Außenabstand der Wrapper-Component.</td></tr>
|
<tr><td>layout-content-group-box-margin-block</td><td>calc(var(--spacing-large) * 0.5)</td><td>Oberer und unterer Außenabstand der Wrapper-Component.</td></tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|||||||
@@ -4,7 +4,6 @@
|
|||||||
|
|
||||||
.sg-content-group-box {
|
.sg-content-group-box {
|
||||||
--surface-content-group-box: var(--color-transparent);
|
--surface-content-group-box: var(--color-transparent);
|
||||||
--border-content-group-box: var(--color-white);
|
|
||||||
--layout-content-group-box-gap: var(--spacing-large);
|
--layout-content-group-box-gap: var(--spacing-large);
|
||||||
--layout-content-group-box-margin-block: calc(var(--spacing-large) * 0.5);
|
--layout-content-group-box-margin-block: calc(var(--spacing-large) * 0.5);
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -12,7 +11,6 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: var(--layout-content-group-box-margin-block) 0;
|
margin: var(--layout-content-group-box-margin-block) 0;
|
||||||
border: 1px solid var(--border-content-group-box);
|
|
||||||
background: var(--surface-content-group-box);
|
background: var(--surface-content-group-box);
|
||||||
gap: var(--layout-content-group-box-gap);
|
gap: var(--layout-content-group-box-gap);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user