diff --git a/README.md b/README.md index 3ecc466..b7fb137 100644 --- a/README.md +++ b/README.md @@ -36,6 +36,7 @@ This theme provides the following shortcodes. - `blockquote` - Description: Wrap text in a blockquote and insert optional `cite` or `footer` metadata. + - Usage: Accepts the named parameters `cite` and `footer`. - Example: ```html {{% blockquote cite="www.shawnohare.com" footer="Shawn" %}} diff --git a/static/css/hugo-tufte.css b/static/css/hugo-tufte.css index 4f737c7..ca7ab2b 100644 --- a/static/css/hugo-tufte.css +++ b/static/css/hugo-tufte.css @@ -4,10 +4,33 @@ /* accomodate a blog-like site. */ /* ------------------------------------------------------------------------ */ -h2 { - padding-top: 2.5rem; +/* Hugo code blocks are
...
*/
+@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. */
/* ------------------------------------------------------------------------ */
@@ -72,7 +95,8 @@ h1.content-title a:focus {
/* Content meta-data such as author, publication date, etc. */
.content-meta {
display: block;
- color: rgba(155, 155, 155, 1);
+ /*color: rgba(155, 155, 155, 1);*/
+ color: rgba(100, 105, 110, 1);
font-size: 90%;
margin-top: 1em;
}