24 lines
367 B
CSS
24 lines
367 B
CSS
.aside {
|
|
display: none;
|
|
container-name: sidebar;
|
|
container-type: inline-size;
|
|
}
|
|
|
|
.content {
|
|
padding: var(--Spacing-x0) var(--Spacing-x2);
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) {
|
|
.aside {
|
|
align-content: flex-start;
|
|
display: grid;
|
|
gap: var(--Spacing-x4);
|
|
}
|
|
}
|
|
|
|
@container content-page (max-width: 1366px) {
|
|
.aside {
|
|
display: grid;
|
|
}
|
|
}
|