30 lines
500 B
CSS
30 lines
500 B
CSS
.aside {
|
|
display: grid;
|
|
container-name: sidebar;
|
|
container-type: inline-size;
|
|
gap: var(--Spacing-x3);
|
|
|
|
border-top: 1px solid var(--Base-Border-Subtle);
|
|
padding-top: var(--Spacing-x4);
|
|
}
|
|
|
|
.content {
|
|
padding: var(--Spacing-x0) var(--Spacing-x2);
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) {
|
|
.aside {
|
|
align-content: flex-start;
|
|
gap: var(--Spacing-x4);
|
|
|
|
border-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
@container loyalty-page (max-width: 1366px) {
|
|
.aside {
|
|
display: none;
|
|
}
|
|
}
|