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. 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. - {{% 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

@ -534,19 +534,19 @@ mark {
} }
kbd { kbd {
background-color: rgba( 134, 134, 134, .166 ); 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-radius: 0.25rem;
box-shadow: 0 1px 0 1px rgba( 134, 134, 134, .5 ); border-style: solid;
color: var(--INTERNAL-TEXT-color); border-width: 1px;
font-family: var(--INTERNAL-CODE-font); box-shadow: 0 1px 0 1px rgba( 134, 134, 134, .5 );
font-size: 0.75em; font-size: 0.75em;
line-height: 1; line-height: 1;
min-width: 0.75rem; min-width: 0.75rem;
padding: 2px 5px 2px 5px; padding: 2px 5px 2px 5px;
position: relative; position: relative;
text-align: center; text-align: center;
top: -2px; top: -2px;
} }
h1 { h1 {

View file

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