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

Fixing up some sidenote things...

Browse source
This commit is contained in:
Phil Bajsicki 2024-09-27 23:42:36 +02:00
parent 92335d1150
commit 2c394893ee
3 changed files with 74 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/scss/components/code-highlight.scss
View file

@ -1,12 +1,10 @@
$ht-code-border-radius: .4em; $ht-code-border-radius: .4em;
.highlight { .highlight {
width: 50%; width: 100%;
overflow-x: scroll; overflow-x: scroll;
// border-radius: $ht-code-border-radius; // border-radius: $ht-code-border-radius;
margin-top: 0em; margin-top: 0em;
margin-bottom: 0em; margin-bottom: 0em;
margin-right: 2.5%;
margin-left: 2.5%;
-ms-overflow-style: none; -ms-overflow-style: none;
scrollbar-width: none; scrollbar-width: none;
@ -15,7 +13,7 @@ $ht-code-border-radius: .4em;
} }
code { code {
font-size: 1rem; font-size: 0.9rem;
display: block; display: block;
} }

3
assets/scss/general.scss
View file

@ -183,9 +183,10 @@ code {
} }
pre code { pre code {
position: absolute;
background-color: #282a36; background-color: #282a36;
padding: 16px; padding: 16px;
padding-top: 8px;
padding-bottom: 8px;;
} }

85
assets/scss/tufte.scss
View file

@ -261,21 +261,76 @@ img {
max-width: 100%; max-width: 100%;
} }
.sidenote,
:root {
--sidenote-offset: calc(100% - 42.5%);
}
// .sidenote {
// float: right;
// clear: both;
// left: 57.5%; // var(--sidenote-offset);
// right: 2.5%;
// border-style: solid;
// border-width: 2px;
// border-color: #333333;
// width: auto;
// margin-top: 10px;
// margin-bottom: 10px;
// padding: 8px;
// paddinr-right: 0px;
// font-size: 1.1rem;
// line-height: 1.3;
// position: absolute;
// }
// #main > section > ol > li {
// position: relative;
// }
// #main > section > p {
// position: relative;
// }
.sidenote {
float: right;
position: absolute;
left: calc(100vw - 46vw);
right: 2.5vw;
width: auto;
border-style: solid;
border-width: 2px;
border-color: #333333;
font-size: 1rem;
line-height: 1.3;
}
.marginnote { .marginnote {
float: right; float: right;
clear: right; border-style: solid;
margin-left: 60%; border-width: 2px;
margin-right: -25%; border-color: #333333;
max-width: 100%; padding: 8px;
margin-top: 0; padding-bottom: 0;
margin-bottom: 0; padding-top: 0;
font-size: 1.1rem; left: 57.5%;
line-height: 1.3; right: 2.5%;
vertical-align: baseline; margin-top: 10px;
margin-bottom: 10px;
width: auto;
position: absolute; position: absolute;
} }
.marginnote p {
width: 100%;
font-size: 1rem;
line-height: 1.3;
}
.table-caption { .table-caption {
float: right; float: right;
clear: right; clear: right;
@ -389,16 +444,20 @@ h3 .code {
.marginnote .code, .marginnote .code,
.sidenote .code { .sidenote .code {
font-size: 1rem; font-size: 0.9rem;
} }
pre.code { pre.code {
font-size: 0.9rem; font-size: 0.9rem;
width: 52.5%; width: 52.5%;
padding-left: 2.5%; padding-left: 2.5%;
width: 90%;
overflow-x: scroll; overflow-x: scroll;
} }
.fullwidth { .fullwidth {
max-width: 90%; max-width: 90%;
clear: both; clear: both;
@ -477,10 +536,6 @@ label.marginnote-ind {
vertical-align: baseline; vertical-align: baseline;
position: relative; position: relative;
} }
pre.code {
width: 90%;
padding: 0;
}
.table-caption { .table-caption {
display: block; display: block;
float: right; float: right;