theme: refine stuff #822

This commit is contained in:
Sören Weber 2024-04-04 23:49:34 +02:00
parent 1fa6d82e35
commit a955167df4
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 19 additions and 14 deletions

View file

@ -28,7 +28,7 @@ This document shows you what's new in the latest release and flags it with one o
By that you can now call the dependency mechanism in your own overriden partials by giving it a distinct `location` parameter. In addition your injected files can now be spread to multiple locations which wasn't previously possible.
- {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} Additional styling was added for the native HTML elements `<mark>` and `<kbd>`. To use them you must allow the [usage of HTML](https://gohugo.io/getting-started/configuration-markup/#rendererunsafe) in your `hugo.toml`.
- {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} Additional styling was added for the native HTML elements `<mark>` and `<kbd>`. To use them you must allow the [usage of HTML](https://gohugo.io/getting-started/configuration-markup/#rendererunsafe) in your `hugo.toml`. The [Markdown documentation](cont/markdown/#standard-and-extensions) was enhanced for this.
- {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} You now can scroll forward and backward thru all headings of a page by using <kbd>ALT</kbd> <kbd>🡑</kbd> and <kbd>ALT</kbd> <kbd>🡓</kbd>. This also works for the `PRINT` output format.

View file

@ -535,11 +535,11 @@ mark {
kbd {
background-color: rgba( 134, 134, 134, .166 );
border: 1px solid rgba( 134, 134, 134, .5 );
border-color: rgba( 134, 134, 134, .5 );
border-radius: 0.25rem;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 1px rgba( 134, 134, 134, .5 );
color: var(--INTERNAL-TEXT-color);
font-family: var(--INTERNAL-CODE-font);
font-size: 0.75em;
line-height: 1;
min-width: 0.75rem;

View file

@ -105,6 +105,11 @@ mark {
);
}
kbd {
color: var(--INTERNAL-TEXT-color);
font-family: var(--INTERNAL-CODE-font);
}
h1 {
color: var(--INTERNAL-MAIN-TITLES-H1-color);
font-family: var(--INTERNAL-MAIN-TITLES-H1-font);