Comments (7)
Hi @ayushnoori ,
I wanted this changed too. For the moment I am using these lines in my additional css file for cayman
:
div.sourceCode {
margin-bottom: 0;
}
div.sourceCode ~ pre {
margin-bottom: 1.2em;
background-color: white;
font-size: 0.7em;
}
div.sourceCode ~ pre::before {
content: "R {message|warning|error} ...";
display: block;
font-style: italic;
text-decoration: underline;
padding-bottom: 0.3em;
}
perhaps that that helps.
christoph
from prettydoc.
Hi @maybegeek - thanks, this is a great idea. Would you be willing to share your extra CSS file? I'm interested in any additional enhancements to the base Cayman theme.
Or, any recommendations for where to find a good theme file that can be used out-of-the-box to knit my document? I'm willing to use rmarkdown::html_document
rather than prettydoc
as I'm not concerned about increased file size, but wasn't able to find a Bootswatch theme that could rival the aesthetic appeal of the prettydoc
implementation of the Cayman theme.
from prettydoc.
Hi @ayushnoori ,
my opinionated css edits (for prettydoc
0.4.1, cayman) are here:
https://github.com/maybegeek/css-prettydoc-cayman-anpassungen
have fun with your docs!
Christoph
from prettydoc.
Thanks Christoph! I appreciate it.
from prettydoc.
Thank you @ayushnoori @maybegeek for the discussion. I apologize that I'm quite busy this month and cannot find time to look at this carefully. This seems to be a good feature for prettydoc, and I will think about it when I get some time.
from prettydoc.
@yixuan, no worries - thanks for developing such a great package which makes writing good documentation so much easier. Inspired by @maybegeek, I am working on my own style sheet to supplement the Cayman theme, am happy to contribute or make available at my own repo if that would be helpful. For example, below is a rough draft of my implementation for a Table of Contents header:
/* TABLE OF CONTENTS */
div.toc-box {
margin-top: 1rem;
}
div.toc::before {
content: "Table of Contents";
margin-top: 2rem;
font-weight: 400;
color: #159957;
font-size: 1.5em;
}
div.toc {
padding-top: 4rem;
}
from prettydoc.
Hi @yixuan - wanted to follow-up about potentially making this a permanent feature of prettydoc
. I've found that Christoph's solution doesn't always work for all languages (adds extra space w/ bash, for example). Thanks!
from prettydoc.
Related Issues (20)
- quick question about the code wrap HOT 1
- {Tabset} isn't possible? HOT 1
- How to Add Title for Table of Contents HOT 1
- Compatibility with R Notebooks (html_notebook)? HOT 1
- html templates should not have xmlns attribute in html tag HOT 1
- Is it possible to use kable styles within prettydoc themes?
- cayman css :first-child for .main-content interferes with leaflet (i.e.) HOT 2
- including italic for regular/400 and bold/700 of Open Sans font family HOT 2
- Table of content on the left-hand side. Possible? HOT 2
- Is code folding possible in prettydoc?
- Inconsistent font size on mobile(?)
- shiny elements in Rmd
- Are there any plans to have a pdf version?
- devtools::build() does not result in vignettes that are "pretty" HOT 1
- prettydoc: about scrolling catalogue in html and head-hiding in markdown
- 易姐大佬,B站给您视频3连了麻烦康康这个问题
- Is it possible to support code line?
- pretty_doc support for multi-column layout
- olding
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 prettydoc.