Add content group box component
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
/* ========================================================= */
|
||||
/* Components: Public Page Components */
|
||||
/* ========================================================= */
|
||||
|
||||
.sg-content-group-box {
|
||||
--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-margin-block: calc(var(--spacing-large) * 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin: var(--layout-content-group-box-margin-block) 0;
|
||||
border: 1px solid var(--border-content-group-box);
|
||||
background: var(--surface-content-group-box);
|
||||
gap: var(--layout-content-group-box-gap);
|
||||
}
|
||||
|
||||
.sg-content-group-box > * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.sg-page-public-page-components .sg-preview-area {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user