Comments (8)
Can you post the source?
from tufte-css.
The file is located at my PC. I downloaded the css file from https://github.com/edwardtufte/tufte-css, renamed it, modified font size, font color, and used it at yaml.
output:
tufte::tufte_html:
css: css\tufte_v03.css
Could you reproduce the problem by using such tufte.css?
from tufte-css.
I can't say I've run into this but it looks like styling rules are being applied twice. We'd need more info about you're applying the CSS and what your HTML looks like.
from tufte-css.
I can't say I've run into this but it looks like styling rules are being applied twice. We'd need more info about you're applying the CSS and what your HTML looks like.
I am not sure how I share the html file with the associated css file. email to you?
from tufte-css.
Paste here whatever HTML you used to generate the screenshot above. E.g.
<p> sample preparation equipment <sup>2</sup></p>
from tufte-css.
Paste here whatever HTML you used to generate the screenshot above. E.g.
<p> sample preparation equipment <sup>2</sup></p>
I wrote it this way in R Markdown:
sample preparation equipment ^[test]
from tufte-css.
Please be noted that I replaced the default tufte_html css setting in YAML with a specific CSS file in a folder for this file as follows. I assume that it caused the problem.
output:
tufte::tufte_html:
css: css\tufte_v03.css
The reason is this. If I do not change the default tufte_html css setting in YAML, but add the following to the R Markdown file:
<style type="text/css">
...
...
</style>
I don't have any problem with the side notes.
from tufte-css.
It may be an issue with your static site generator. Sadly, I'm not well versed in what's happening here and use pandoc to generate my HTML so I won't be of much help.
from tufte-css.
Related Issues (20)
- No styling for table elements anymore? HOT 1
- 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
- .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
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.