phil/hugo-tufte
1
0
Fork 0
forked from mirrors/hugo-tufte
Code Pull requests Activity

Personal changes, dark theme, less whitespace

Browse source
This commit is contained in:
Phil Bajsicki 2024-09-27 15:36:01 +02:00
commit 3be1680484
8 changed files with 80 additions and 40 deletions
assets/scss
tufte.scss

51
assets/scss/tufte.scss
View file

@ -66,10 +66,10 @@ html {
body {
margin-left: auto;
margin-right: auto;
padding-left: 12.5%;
padding-left: 5%;
font-family: $serif-fonts;
background-color: #fffff8;
color: #111;
background-color: #151515;
color: #ddd;
max-width: 1400px;
}
@ -79,8 +79,8 @@ h1, h2, h3 {
}
h1 {
margin-top: 4rem;
margin-bottom: 1.5rem;
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 3.2rem;
}
@ -90,7 +90,7 @@ h2, h3 {
}
h2 {
margin-top: 2.1rem;
margin-top: 1.2rem;
font-size: 2.2rem;
}
@ -125,12 +125,12 @@ h3 {
article {
position: relative;
padding: 5rem 0rem;
padding: 0rem 0rem;
}
section {
padding-top: 1rem;
padding-bottom: 1rem;
padding-top: 0rem;
padding-bottom: 0rem;
}
.page-list .content-title {
@ -150,9 +150,9 @@ dl {
}
p {
line-height: 2rem;
margin-top: 1.4rem;
margin-bottom: 1.4rem;
line-height: 1.75rem;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
padding-right: 0;
vertical-align: baseline;
hyphens: auto;
@ -265,14 +265,15 @@ img {
.marginnote {
float: right;
clear: right;
margin-right: -60%;
width: 50%;
margin-left: 60%;
margin-right: -25%;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 1.1rem;
line-height: 1.3;
vertical-align: baseline;
position: relative;
position: absolute;
}
.table-caption {
@ -295,13 +296,27 @@ img {
}
// note indicator
label.marginnote-ind,
label.sidenote-number {
font-size: 1rem;
top: -0.5rem;
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
span.marginnote-ind,
span.sidenote-number {
@ -405,8 +420,8 @@ input.margin-toggle {
opacity: 0;
width: 1px;
height: 1px;
margin-left: 5px;
margin-top: 5px;
// margin-left: 5px;
// margin-top: 5px;
z-index: -100;
}