forked from mirrors/hugo-tufte
Personal changes, dark theme, less whitespace
This commit is contained in:
parent
23b85481b6
commit
3be1680484
8 changed files with 80 additions and 40 deletions
|
@ -1,4 +1,4 @@
|
||||||
.brand {
|
n.brand {
|
||||||
padding-top: 1rem;
|
padding-top: 0rem;
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 0rem;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,8 +3,8 @@ $ht-code-border-radius: .4em;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
// border-radius: $ht-code-border-radius;
|
// border-radius: $ht-code-border-radius;
|
||||||
margin-top: 1.4em;
|
margin-top: 0em;
|
||||||
margin-bottom: 1.4em;
|
margin-bottom: 0em;
|
||||||
margin-right: 2.5%;
|
margin-right: 2.5%;
|
||||||
margin-left: 2.5%;
|
margin-left: 2.5%;
|
||||||
-ms-overflow-style: none;
|
-ms-overflow-style: none;
|
||||||
|
@ -33,7 +33,7 @@ $ht-code-border-radius: .4em;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
color: #111;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -19,8 +19,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fffff8;
|
color: #151515;
|
||||||
background-color: #404040;
|
background-color: #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.heading-anchor {
|
a.heading-anchor {
|
||||||
|
@ -29,7 +29,7 @@ a.heading-anchor {
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 5.5rem;
|
margin-top: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2:hover > a.heading-anchor,
|
h2:hover > a.heading-anchor,
|
||||||
|
@ -46,18 +46,18 @@ hr {
|
||||||
width: 75%;
|
width: 75%;
|
||||||
max-width: 45rem;
|
max-width: 45rem;
|
||||||
border-style: solid none none none;
|
border-style: solid none none none;
|
||||||
border-color: #111;
|
border-color: #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
kbd {
|
kbd {
|
||||||
border: 1px #111 solid;
|
border: 1px #ddd solid;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
mark {
|
mark {
|
||||||
background: #f0d9bb;
|
background: #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------------------------------------------------------------------------ */
|
/* ------------------------------------------------------------------------ */
|
||||||
|
@ -91,7 +91,7 @@ table:not(.lntable) {
|
||||||
}
|
}
|
||||||
|
|
||||||
table:not(.lntable) tr th {
|
table:not(.lntable) tr th {
|
||||||
border-bottom: 1px solid #111;
|
border-bottom: 1px solid #ddd;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -168,8 +168,27 @@ mjx-container[jax="CHTML"][display="true"],
|
||||||
.sidenote code,
|
.sidenote code,
|
||||||
.marginnote code {
|
.marginnote code {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
margin-top: -0.5em;
|
||||||
|
margin-bottom: -0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
background-color:#282a36;
|
||||||
|
border-radius: 5px;
|
||||||
|
display: inline-block;
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre code {
|
||||||
|
position: absolute;
|
||||||
|
background-color: #282a36;
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ------------------------------------------------------------------------ */
|
/* ------------------------------------------------------------------------ */
|
||||||
/* Styling & fixes for cols. */
|
/* Styling & fixes for cols. */
|
||||||
/* ------------------------------------------------------------------------ */
|
/* ------------------------------------------------------------------------ */
|
||||||
|
|
|
@ -12,7 +12,7 @@ footer.page-footer p {
|
||||||
/*font-weight: lighter;*/
|
/*font-weight: lighter;*/
|
||||||
}
|
}
|
||||||
footer.page-footer a {
|
footer.page-footer a {
|
||||||
color: rgba(65, 70, 75, 1);
|
color: #ddd ;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
|
@ -66,10 +66,10 @@ html {
|
||||||
body {
|
body {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-left: 12.5%;
|
padding-left: 5%;
|
||||||
font-family: $serif-fonts;
|
font-family: $serif-fonts;
|
||||||
background-color: #fffff8;
|
background-color: #151515;
|
||||||
color: #111;
|
color: #ddd;
|
||||||
max-width: 1400px;
|
max-width: 1400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -79,8 +79,8 @@ h1, h2, h3 {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin-top: 4rem;
|
margin-top: 1rem;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1rem;
|
||||||
font-size: 3.2rem;
|
font-size: 3.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -90,7 +90,7 @@ h2, h3 {
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 2.1rem;
|
margin-top: 1.2rem;
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -125,12 +125,12 @@ h3 {
|
||||||
|
|
||||||
article {
|
article {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 5rem 0rem;
|
padding: 0rem 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
padding-top: 1rem;
|
padding-top: 0rem;
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-list .content-title {
|
.page-list .content-title {
|
||||||
|
@ -150,9 +150,9 @@ dl {
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
line-height: 2rem;
|
line-height: 1.75rem;
|
||||||
margin-top: 1.4rem;
|
margin-top: 0.75rem;
|
||||||
margin-bottom: 1.4rem;
|
margin-bottom: 0.75rem;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
|
@ -265,14 +265,15 @@ img {
|
||||||
.marginnote {
|
.marginnote {
|
||||||
float: right;
|
float: right;
|
||||||
clear: right;
|
clear: right;
|
||||||
margin-right: -60%;
|
margin-left: 60%;
|
||||||
width: 50%;
|
margin-right: -25%;
|
||||||
|
max-width: 100%;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
position: relative;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-caption {
|
.table-caption {
|
||||||
|
@ -295,13 +296,27 @@ img {
|
||||||
}
|
}
|
||||||
|
|
||||||
// note indicator
|
// note indicator
|
||||||
label.marginnote-ind,
|
|
||||||
label.sidenote-number {
|
label.sidenote-number {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
top: -0.5rem;
|
top: -0.5rem;
|
||||||
left: 0.1rem;
|
left: 0.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
label.marginnote-ind {
|
||||||
|
font-size: 5em;
|
||||||
|
line-height: 1.125;
|
||||||
|
float: right;
|
||||||
|
text-align: center;
|
||||||
|
width: 1.1em;
|
||||||
|
height: 1.1em;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 20px;
|
||||||
|
border-color: #ddd;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 3px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
// inside sidenote
|
// inside sidenote
|
||||||
span.marginnote-ind,
|
span.marginnote-ind,
|
||||||
span.sidenote-number {
|
span.sidenote-number {
|
||||||
|
@ -405,8 +420,8 @@ input.margin-toggle {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
margin-left: 5px;
|
// margin-left: 5px;
|
||||||
margin-top: 5px;
|
// margin-top: 5px;
|
||||||
z-index: -100;
|
z-index: -100;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -6,6 +6,7 @@
|
||||||
|
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<article id="main">
|
<article id="main">
|
||||||
|
{{ partial "brand.html" . }}
|
||||||
{{ partial "content.header.html" . }}
|
{{ partial "content.header.html" . }}
|
||||||
{{ partial "toc.html" . }}
|
{{ partial "toc.html" . }}
|
||||||
<section>{{ .Content }}</section>
|
<section>{{ .Content }}</section>
|
||||||
|
|
|
@ -9,7 +9,8 @@
|
||||||
<section class="page-list">
|
<section class="page-list">
|
||||||
{{ $pgFilter1 := where .Site.RegularPages "Draft" false }}
|
{{ $pgFilter1 := where .Site.RegularPages "Draft" false }}
|
||||||
{{ $pgFilter2 := where .Site.RegularPages "Params.date" "!=" nil }}
|
{{ $pgFilter2 := where .Site.RegularPages "Params.date" "!=" nil }}
|
||||||
{{ $pgFilter := $pgFilter1 | intersect $pgFilter2 }}
|
{{ $pgFilter3 := where .Site.RegularPages "Params.hidefromhome" "!=" true }}
|
||||||
|
{{ $pgFilter := $pgFilter1 | intersect $pgFilter2 | intersect $pgFilter3}}
|
||||||
{{ range (.Paginate $pgFilter).Pages }}
|
{{ range (.Paginate $pgFilter).Pages }}
|
||||||
<h2 class="content-title">
|
<h2 class="content-title">
|
||||||
{{ if .IsNode }}
|
{{ if .IsNode }}
|
||||||
|
|
|
@ -23,6 +23,10 @@
|
||||||
{{- range .Params.tags -}}
|
{{- range .Params.tags -}}
|
||||||
<a href="{{ "/tags/" | absURL }}{{ . | urlize }}">{{ . }}</a>
|
<a href="{{ "/tags/" | absURL }}{{ . | urlize }}">{{ . }}</a>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
|
||||||
|
{{- range .Params.categories -}}
|
||||||
|
<a href="{{ "/categories/" | absURL }}{{ . | urlize }}">@{{ . }}</a>
|
||||||
|
{{- end -}}
|
||||||
</span>
|
</span>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Reference in a new issue