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

Sidenotes, fonts, sizing, dimensions.

Browse source
This commit is contained in:
Phil Bajsicki 2024-09-28 00:42:29 +02:00
commit 97e72f111a
4 changed files with 47 additions and 22 deletions
assets/scss
tufte.scss

42
assets/scss/tufte.scss
View file

@ -60,17 +60,17 @@ $mono-fonts: Consolas, "Liberation Mono", Menlo, Courier, monospace, "Noto Emoji
/* Tufte CSS styles */
html {
font-size: 15px;
font-size: 0.65rem;
}
body {
margin-left: auto;
margin-right: auto;
padding-left: 5%;
font-family: $serif-fonts;
font-family: $mono-fonts;
background-color: #151515;
color: #ddd;
max-width: 1400px;
max-width: #{"min(90vw, 1400px)"};
}
h1, h2, h3 {
@ -81,7 +81,7 @@ h1, h2, h3 {
h1 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 3.2rem;
font-size: 2.4rem;
}
h2, h3 {
@ -95,7 +95,7 @@ h2 {
}
h3 {
font-size: 1.7rem;
font-size: 2rem;
margin-top: 2rem;
}
@ -293,36 +293,46 @@ img {
// }
.sidenote {
box-sizing: border-box;
float: right;
position: absolute;
left: calc(100vw - 46vw);
right: 2.5vw;
width: auto;
position: absolute;
left: 57.5%;
right: 2.5%;
border-style: solid;
border-width: 2px;
border-color: #333333;
padding: 8px;
padding-bottom: 4px;
padding-top: 4px;
font-size: 1rem;
line-height: 1.3;
}
.marginnote {
box-sizing: border-box;
float: right;
width: auto;
position: absolute;
left: 57.5%;
right: 2.5%;
border-style: solid;
border-width: 2px;
border-color: #333333;
padding: 8px;
padding-bottom: 0;
padding-top: 0;
left: 57.5%;
right: 2.5%;
margin-top: 10px;
margin-bottom: 10px;
width: auto;
position: absolute;
}
.marginnote p {
@ -397,7 +407,7 @@ div.table-wrapper {
font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif, "Noto Emoji";
}
@media screen and (max-width: 760px) {
@media screen and (max-width: 760px) {
h2,
h3,
p,