github/hugo-geekdoc
0
0
Fork 0
mirror of https://github.com/thegeeklab/hugo-geekdoc.git synced 2024-11-25 06:10:40 +00:00
Code Issues Projects Releases Wiki Activity

fix: fix various spacing issues (#238)

Browse Source
This commit is contained in:
Robert Kaussow 2021-11-13 13:57:06 +01:00 committed by GitHub
parent 761caeee47
commit 9c116862f0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 40 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/shortcodes/columns.html
View File

@ -1,4 +1,4 @@
<div class="gdoc-columns flex flex-wrap"> <div class="gdoc-columns flex flex-wrap flex-mobile-column">
{{ range split .Inner "<--->" }} {{ range split .Inner "<--->" }}
<div class="gdoc-columns__content gdoc-markdown--nested flex-even"> <div class="gdoc-columns__content gdoc-markdown--nested flex-even">
{{ . | $.Page.RenderString }} {{ . | $.Page.RenderString }}

12
src/sass/_base.scss
View File

@ -228,9 +228,14 @@ img {
font-weight: normal; font-weight: normal;
} }
> :first-child { > :first-child,
> :first-child > :first-child {
margin-top: 0; margin-top: 0;
} }
section {
margin-top: $padding-32;
}
} }
&__control { &__control {
@ -310,11 +315,6 @@ img {
&--main > ul > li > label > a { &--main > ul > li > label > a {
font-weight: bold; font-weight: bold;
} }
&--tags,
&--more {
padding-top: $padding-8;
}
} }
.gdoc-nav__entry, .gdoc-nav__entry,

25
src/sass/_chroma_base.scss
View File

@ -1,7 +1,6 @@
@mixin chroma_base { @mixin chroma_base {
.chroma { .chroma {
color: var(--code-font-color); color: var(--code-font-color);
margin: 1rem 0;
} }
.chroma code { .chroma code {
background-color: var(--code-background); background-color: var(--code-background);
@ -45,7 +44,29 @@
> pre.chroma code { > pre.chroma code {
padding: 1rem; padding: 1rem;
width: 100%; width: 100%;
overflow: auto; overflow-x: auto;
} }
} }
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: 100%;
display: block;
}
.chroma .lntable td:first-child code {
background-color: var(--code-accent-color-lite);
border-right: $border-1 solid var(--code-accent-color);
padding: 0.5em 0;
}
.chroma .lntable td code {
padding: 0.5em 0;
}
.chroma .lntable td:nth-child(2) {
width: 100%;
margin-left: 2em;
}
} }

22
src/sass/_chroma_dark.scss
View File

@ -18,28 +18,6 @@
margin: 0; margin: 0;
border: 0; border: 0;
} }
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: 100%;
overflow: auto;
display: block;
}
.chroma .lntable td:first-child code {
background-color: var(--code-accent-color-lite);
border-right: $border-1 solid var(--code-accent-color);
padding: 0.5em 0;
}
.chroma .lntable td code {
padding: 0.5em 0;
}
.chroma .lntable td:nth-child(2) {
width: 100%;
margin-left: 2em;
}
/* LineHighlight */ /* LineHighlight */
.chroma .hl { .chroma .hl {
display: block; display: block;

22
src/sass/_chroma_light.scss
View File

@ -19,28 +19,6 @@
margin: 0; margin: 0;
border: 0; border: 0;
} }
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: 100%;
overflow: auto;
display: block;
}
.chroma .lntable td:first-child code {
background-color: var(--code-accent-color-lite);
border-right: $border-1 solid var(--code-accent-color);
padding: 0.5em 0;
}
.chroma .lntable td code {
padding: 0.5em 0;
}
.chroma .lntable td:nth-child(2) {
width: 100%;
margin-left: 2em;
}
/* LineHighlight */ /* LineHighlight */
.chroma .hl { .chroma .hl {
display: block; display: block;

7
src/sass/_markdown.scss
View File

@ -2,13 +2,18 @@
line-height: 1.6em; line-height: 1.6em;
> :first-child { > :first-child {
margin-top: 0; margin-top: 0 !important;
} }
&--nested { &--nested {
:first-child { :first-child {
margin-top: 0; margin-top: 0;
} }
> pre {
margin-top: 0 !important;
}
> :last-child { > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }

4
src/sass/_mobile.scss
View File

@ -60,6 +60,10 @@
display: none; display: none;
} }
.flex-mobile-column {
flex-direction: column;
}
.gdoc-footer { .gdoc-footer {
&__item--row { &__item--row {
width: 100%; width: 100%;