cleanup formatting and docs (#247)
This commit is contained in:
parent
a35d5c24c0
commit
6e7c01e04f
9 changed files with 66 additions and 46 deletions
|
@ -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
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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};
|
||||||
|
|
||||||
|
|
|
@ -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%),
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue