27 lines
516 B
CSS
27 lines
516 B
CSS
.holy-grail-grid {
|
|
@apply grid min-h-screen overflow-y-auto;
|
|
grid-template: 1fr auto / auto 1fr;
|
|
|
|
& .holy-grail-sidebar {
|
|
@apply w-64 col-start-1 col-end-2 row-start-1 row-end-3;
|
|
}
|
|
|
|
& .holy-grail-main {
|
|
@apply w-full col-start-1 col-end-3 row-start-1 row-end-2;
|
|
}
|
|
|
|
& .holy-grail-footer {
|
|
@apply w-full col-start-1 col-end-3 row-start-2 row-end-3;
|
|
}
|
|
|
|
@screen md {
|
|
& .holy-grail-main {
|
|
@apply col-start-2;
|
|
}
|
|
|
|
& .holy-grail-footer {
|
|
@apply col-start-2;
|
|
}
|
|
}
|
|
}
|