mirrors/hugo-tufte
1
0
Fork 1
mirror of https://github.com/loikein/hugo-tufte.git synced 2024-12-24 14:29:44 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update css.

Browse source
This commit is contained in:
Shawn O'Hare 2015-12-30 22:13:11 -08:00
parent ec51569569
commit 381982f4a7
2 changed files with 28 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
README.md
View file

@ -36,6 +36,7 @@ This theme provides the following shortcodes.
- `blockquote` - `blockquote`
- Description: Wrap text in a blockquote and insert optional - Description: Wrap text in a blockquote and insert optional
`cite` or `footer` metadata. `cite` or `footer` metadata.
- Usage: Accepts the named parameters `cite` and `footer`.
- Example: - Example:
```html ```html
{{% blockquote cite="www.shawnohare.com" footer="Shawn" %}} {{% blockquote cite="www.shawnohare.com" footer="Shawn" %}}

30
static/css/hugo-tufte.css
View file

@ -4,9 +4,32 @@
/* accomodate a blog-like site. */ /* accomodate a blog-like site. */
/* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */
h2 { /* Hugo code blocks are <pre><code class="language-$lang">...</code></pre> */
padding-top: 2.5rem; @media screen and (max-width: 760px) {
pre code {
width: 87.5%;
} }
}
pre code {
width: 52.5%;
padding-left: 2.5%;
display: block;
overflow-x: scroll;
}
@media (max-width: 760px) {
pre code {
width: 90%;
padding: 0;
}
}
/* FIXME delete */
/* To be faithful to Tufte-CSS, we should rely on section shortcodes. */
/*h2 {
padding-top: 2.5rem;
}*/
/* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */
/* Brand details, such as a sidebar or top display. */ /* Brand details, such as a sidebar or top display. */
@ -72,7 +95,8 @@ h1.content-title a:focus {
/* Content meta-data such as author, publication date, etc. */ /* Content meta-data such as author, publication date, etc. */
.content-meta { .content-meta {
display: block; display: block;
color: rgba(155, 155, 155, 1); /*color: rgba(155, 155, 155, 1);*/
color: rgba(100, 105, 110, 1);
font-size: 90%; font-size: 90%;
margin-top: 1em; margin-top: 1em;
} }