Comments (5)
I tweaked the line height in 6aca33a β further details or a PR would be appreciated.
from tufte-css.
I'd try 1.4. It's a bit tighter, but I think it still looks good.
The only nit-pick I have then is that the baselines of the sidenote and the main text aren't aligned with one another (both blocks are top-aligned). I'm afraid I don't know enough of CSS to know how to fix this, though. Perhaps there's a zero-width character that we can prepend to the sidenote that is the same size as the body text to force the baseline lower?
from tufte-css.
^ i was just about to post an issue about this. The baseline of the first line of the sidenote needs to be aligned with the baseline of the sentence it's being pulled from. Great work though, this stylesheet is awesome!
from tufte-css.
For clarification, I appled:
.sidenote, .marginnote { line-height: 1.4; padding-top: 0.4rem; }
β¦which eyeballs about right to me. I checked alignment briefly using Xscope, but haven't tested exhaustively.
from tufte-css.
Per Edward Tufte, sidenote line-height
is 1.3
as of 3aa48b4. You were right!
from tufte-css.
Related Issues (20)
- Tables are all black HOT 2
- navbar support/advice? HOT 1
- links look weird when highlighted HOT 2
- tufte.css and tufte.min.css have different update dates HOT 1
- Inconsistent spacing due to inline labels as sidenote numbers HOT 1
- dark mode HOT 4
- Sidenotes on list items are misaligned
- Lists in sidenotes have body-sized fonts.
- Figcaption text overlays the image on fullwidth iframe-wrapper
- Apply section style to header and footer elements, too
- Embedding superscripts breaks line height.
- Anything in the margin disappears with narrow browser window HOT 2
- Sidenote indexing HOT 8
- .margin-toggle:checked + .sidenote ... {vertical-align: ...}
- Underlines missing at certain zoom levels HOT 8
- sidenote becomes footnote
- Using srcset inside fullwidth figure renders an image that is not full width
- Darkmode background is too dark HOT 2
- Does tufte-css play nicely with screen readers? HOT 1
- Academicicons are very strangely underlined HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tufte-css.