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