css overrides

- increase max page width
- tweak logo rendering in custom.css instead of overriding all of
  logo.css
This commit is contained in:
John Bowdre 2023-08-16 16:51:44 -05:00
parent 32bf552281
commit 69c8b4cfb3
2 changed files with 16 additions and 37 deletions

View file

@ -118,3 +118,19 @@ body.dark .notice {
top: 0.125em; top: 0.125em;
position: relative; position: relative;
} }
/* override page max-width */
.page {
max-width: 72rem;
}
/* logo tweaks */
.page__logo {
color: var(--off-fg);
}
.page__logo-inner {
opacity: 0.80;
}

View file

@ -1,37 +0,0 @@
.page__logo {
padding: 0;
margin: 0;
font-weight: inherit;
color: var(--off-fg);
}
.page__logo:before {
content: none;
}
.page__logo-inner {
display: block;
background: var(--logo);
opacity: 0.80;
padding: 0.25rem;
}
a.page__logo-inner:link, a.page__logo-inner:visited {
color: inherit;
text-decoration: inherit;
}
a.page__logo-inner:hover,
a.page__logo-inner:active {
opacity: 1;
}
.page__logo-inner:before {
content: "[";
color: var(--bg);
}
.page__logo-inner:after {
content: "] $";
color: var(--bg);
}