Monkeypatch kao-banner.
This commit is contained in:
@@ -75,6 +75,10 @@ body {
|
||||
|
||||
// Adds a margin otherwise for some reason.
|
||||
margin: 0;
|
||||
|
||||
kao-banner {
|
||||
grid-area: "banner";
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -111,7 +115,7 @@ a {
|
||||
|
||||
body {
|
||||
grid-template-columns: none;
|
||||
grid-template-areas: "nav" "main" "spacer";
|
||||
grid-template-areas: "banner" "nav" "main" "spacer";
|
||||
|
||||
// Compress spacings to maximize useable area.
|
||||
// padding: var(--spacing-small);
|
||||
@@ -131,7 +135,7 @@ a {
|
||||
@media (min-width: 601px) and (max-width: 1023px) {
|
||||
body {
|
||||
grid-template-columns: min-content 1fr;
|
||||
grid-template-areas: "nav main" "spacer main";
|
||||
grid-template-areas: "banner banner" "nav main" "spacer main";
|
||||
}
|
||||
}
|
||||
|
||||
@@ -139,6 +143,6 @@ a {
|
||||
@media (min-width: 1024px) {
|
||||
body {
|
||||
grid-template-columns: min-content 1fr min-content;
|
||||
grid-template-areas: "nav main spacer";
|
||||
grid-template-areas: "banner banner banner" "nav main spacer";
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user