You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
894 B
48 lines
894 B
/** |
|
* @file |
|
* Special grid system for sidebar. |
|
*/ |
|
|
|
@import "../base/media-queries.pcss.css"; |
|
|
|
.sidebar-grid { |
|
& > .site-main { |
|
grid-column: 1 / 7; |
|
align-self: flex-start; |
|
|
|
@media (--grid-md) { |
|
grid-column: 1 / 15; |
|
} |
|
|
|
@media (--lg) { |
|
display: grid; |
|
grid-template-columns: repeat(8, minmax(0, 1fr)); |
|
grid-column: 3 / 11; |
|
|
|
& > .region--content-above, |
|
& > .region--content { |
|
grid-template-columns: repeat(8, minmax(0, 1fr)); |
|
grid-column: 1 / 9; |
|
} |
|
|
|
& .layout--content-narrow, |
|
& .layout--pass--content-narrow > *, |
|
& .layout--content-medium, |
|
& .layout--pass--content-medium > * { |
|
grid-column: 1 / 9; |
|
} |
|
} |
|
} |
|
|
|
& .region--sidebar { |
|
grid-column: 1 / 7; |
|
|
|
@media (--grid-md) { |
|
grid-column: 3 / 13; |
|
} |
|
|
|
@media (--lg) { |
|
grid-column: 12 / 15; |
|
} |
|
} |
|
}
|
|
|