Rename article wrapper grid area names
This commit is contained in:
parent
51871aba67
commit
dcd6894637
|
@ -301,20 +301,20 @@ main {
|
||||||
/* Desktop main content layout */
|
/* Desktop main content layout */
|
||||||
@media only screen and (min-width: 60rem) {
|
@media only screen and (min-width: 60rem) {
|
||||||
.article__wrapper {
|
.article__wrapper {
|
||||||
grid-template-areas: 'a b c';
|
grid-template-areas: 'leftbar article rightbar';
|
||||||
grid-template-columns: minmax(0,15rem) minmax(0,2.5fr) minmax(0,15rem);
|
grid-template-columns: minmax(0,15rem) minmax(0,2.5fr) minmax(0,15rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
.article {
|
.article {
|
||||||
grid-area: b;
|
grid-area: article;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-sidebar {
|
.left-sidebar {
|
||||||
grid-area: a;
|
grid-area: leftbar;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-sidebar {
|
.right-sidebar {
|
||||||
grid-area: c;
|
grid-area: rightbar;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue