cleanup formatting and docs (#247)

uci-hugo-doc
Robert Kaussow 2021-11-24 09:10:26 +01:00 committed by GitHub
parent a35d5c24c0
commit 6e7c01e04f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 66 additions and 46 deletions

View File

@ -46,8 +46,13 @@ enableRobotsTXT = true
geekdocLogo = "logo.png" geekdocLogo = "logo.png"
# (Optional, default false) Render menu from data file im 'data/menu/main.yaml'. # (Optional, default false) Render menu from data file im 'data/menu/main.yaml'.
# See also https://geekdocs.de/usage/menus/#bundle-menu.
geekdocMenuBundle = true geekdocMenuBundle = true
# (Optional, default false) Collapse all menu entries, can not be overwritten
# per page if enabled. Can be enabled per page via `geekdocCollapseSection`.
geekdocCollapseAllSections = true
# (Optional, default true) Show page navigation links at the bottom of each # (Optional, default true) Show page navigation links at the bottom of each
# docs page (bundle menu only). # docs page (bundle menu only).
geekdocNextPrev = false geekdocNextPrev = false
@ -154,11 +159,11 @@ params:
geekdocLogo: logo.png geekdocLogo: logo.png
# (Optional, default false) Render menu from data file im 'data/menu/main.yaml'. # (Optional, default false) Render menu from data file im 'data/menu/main.yaml'.
# See also https://geekdocs.de/usage/menus/#bundle-menu # See also https://geekdocs.de/usage/menus/#bundle-menu.
geekdocMenuBundle: true geekdocMenuBundle: true
# (Optional, default false) Collapse all menu entries, can not be overwritten # (Optional, default false) Collapse all menu entries, can not be overwritten
# per page if enabled. Can be enabled per page via `geekdocCollapseSection` # per page if enabled. Can be enabled per page via `geekdocCollapseSection`.
geekdocCollapseAllSections: true geekdocCollapseAllSections: true
# (Optional, default true) Show page navigation links at the bottom of each # (Optional, default true) Show page navigation links at the bottom of each

View File

@ -13,6 +13,8 @@
--body-background: #ffffff; --body-background: #ffffff;
--body-font-color: #343a40; --body-font-color: #343a40;
--mark-color: #ffab00;
--button-background: #62cb97; --button-background: #62cb97;
--button-border-color: #4ec58a; --button-border-color: #4ec58a;
@ -45,6 +47,8 @@
--body-background: #ffffff; --body-background: #ffffff;
--body-font-color: #343a40; --body-font-color: #343a40;
--mark-color: #ffab00;
--button-background: #62cb97; --button-background: #62cb97;
--button-border-color: #4ec58a; --button-border-color: #4ec58a;
@ -79,6 +83,8 @@
--body-background: #343a40; --body-background: #343a40;
--body-font-color: #ced3d8; --body-font-color: #ced3d8;
--mark-color: #ffab00;
--button-background: #62cb97; --button-background: #62cb97;
--button-border-color: #4ec58a; --button-border-color: #4ec58a;
@ -111,6 +117,8 @@
--body-background: #343a40; --body-background: #343a40;
--body-font-color: #ced3d8; --body-font-color: #ced3d8;
--mark-color: #ffab00;
--button-background: #62cb97; --button-background: #62cb97;
--button-border-color: #4ec58a; --button-border-color: #4ec58a;

View File

@ -18,7 +18,7 @@
</div> </div>
{{ if (default true .Site.Params.GeekdocBackToTop) }} {{ if (default true .Site.Params.GeekdocBackToTop) }}
<div class="flex flex-25 justify-end"> <div class="flex flex-25 justify-end">
<span class="gdoc-footer__item"> <span class="gdoc-footer__item text-right">
<a class="gdoc-footer__link fake-link" href="#" aria-label="Back to top"> <a class="gdoc-footer__link fake-link" href="#" aria-label="Back to top">
<svg class="icon gdoc_keyborad_arrow_up"><use xlink:href="#gdoc_keyborad_arrow_up"></use></svg> <span class="hidden-mobile">Back to top</span> <svg class="icon gdoc_keyborad_arrow_up"><use xlink:href="#gdoc_keyborad_arrow_up"></use></svg> <span class="hidden-mobile">Back to top</span>
</a> </a>

View File

@ -358,14 +358,6 @@ img {
border-radius: $border-radius; border-radius: $border-radius;
} }
&__footer {
margin-top: $padding-32;
a:hover {
text-decoration: none;
}
}
&__nav { &__nav {
&:hover { &:hover {
background-image: linear-gradient(var(--link-color), var(--link-color)); background-image: linear-gradient(var(--link-color), var(--link-color));
@ -408,6 +400,38 @@ img {
color: transparent; color: transparent;
} }
} }
&__figure {
padding: $padding-4;
margin: $padding-16 0;
background-color: var(--accent-color);
display: table;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
figcaption {
display: table-caption;
caption-side: bottom;
background-color: var(--accent-color);
padding: 0 $padding-4 $padding-4;
text-align: center;
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
}
img {
max-width: 100%;
height: auto;
}
}
&__footer {
margin-top: $padding-32;
a:hover {
text-decoration: none;
}
}
} }
.gdoc-post { .gdoc-post {
@ -545,7 +569,7 @@ img {
line-height: 2em; line-height: 2em;
&--row { &--row {
margin-right: 1em; margin-right: $padding-16;
} }
} }

View File

@ -7,6 +7,8 @@
--body-background: #{$body-background}; --body-background: #{$body-background};
--body-font-color: #{$body-font-color}; --body-font-color: #{$body-font-color};
--mark-color: #{$mark-color};
--button-background: #{lighten($main-color, 2)}; --button-background: #{lighten($main-color, 2)};
--button-border-color: #{$main-color}; --button-border-color: #{$main-color};
@ -54,6 +56,8 @@
--body-background: #{$body-background-dark}; --body-background: #{$body-background-dark};
--body-font-color: #{lighten($body-background-dark, 60)}; --body-font-color: #{lighten($body-background-dark, 60)};
--mark-color: #{$mark-color};
--button-background: #{lighten($main-color, 2)}; --button-background: #{lighten($main-color, 2)};
--button-border-color: #{$main-color}; --button-border-color: #{$main-color};

View File

@ -54,6 +54,7 @@ $container-max-width: 80rem !default;
$main-color: rgba(65, 134, 201, 1) !default; $main-color: rgba(65, 134, 201, 1) !default;
$second-color: rgba(47, 51, 62, 1) !default; $second-color: rgba(47, 51, 62, 1) !default;
$mark-color: rgba(255, 171, 0, 1) !default;
$body-background-dark: mix( $body-background-dark: mix(
invert($body-background, 75%), invert($body-background, 75%),

View File

@ -76,30 +76,6 @@
border-radius: $border-radius; border-radius: $border-radius;
} }
&__figure {
padding: $padding-4;
margin: $padding-16 0;
background-color: var(--accent-color);
display: table;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
figcaption {
display: table-caption;
caption-side: bottom;
background-color: var(--accent-color);
padding: 0 $padding-4 $padding-4;
text-align: center;
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
}
img {
max-width: 100%;
height: auto;
}
}
blockquote { blockquote {
margin: $padding-16 0; margin: $padding-16 0;
padding: $padding-8 $padding-16 $padding-8 ($padding-16 - $padding-4); //to keep total left space 16dp padding: $padding-8 $padding-16 $padding-8 ($padding-16 - $padding-4); //to keep total left space 16dp
@ -115,10 +91,6 @@
} }
} }
.table-wrap {
overflow: auto;
}
table:not(.lntable) { table:not(.lntable) {
display: table; display: table;
border-spacing: 0; border-spacing: 0;
@ -187,6 +159,10 @@
width: 100%; width: 100%;
} }
mark {
background-color: var(--mark-color);
}
&__align { &__align {
&--left { &--left {
h1, h1,

View File

@ -64,12 +64,6 @@
flex-direction: column; flex-direction: column;
} }
.gdoc-footer {
&__item--row {
width: 100%;
}
}
#menu-control:checked ~ main { #menu-control:checked ~ main {
.gdoc-nav nav, .gdoc-nav nav,
.gdoc-page { .gdoc-page {

View File

@ -57,6 +57,10 @@
text-align: center; text-align: center;
} }
.text-right {
text-align: right;
}
.no-wrap { .no-wrap {
white-space: nowrap; white-space: nowrap;
} }
@ -72,6 +76,10 @@
overflow: hidden; overflow: hidden;
} }
.table-wrap {
overflow: auto;
}
.badge-placeholder { .badge-placeholder {
display: inline-block; display: inline-block;
min-width: 4rem; min-width: 4rem;