fix: fix various spacing issues (#238)
parent
761caeee47
commit
9c116862f0
|
@ -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 }}
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
Loading…
Reference in New Issue