From 559ccf368d3aa9c6e41944cf363f26777ddd05b4 Mon Sep 17 00:00:00 2001 From: Sarah White Date: Fri, 9 Feb 2018 13:12:36 -0700 Subject: improve listing, admonition, example block titles - set margin to 0 on pre - add example block content styles --- src/css/doc.css | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) (limited to 'src/css/doc.css') diff --git a/src/css/doc.css b/src/css/doc.css index 10a28cd..60736a4 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -83,6 +83,7 @@ font-size: 0.9rem; /* color: #000; */ line-height: 1.5; + margin: 0; } .doc pre:not(.highlight), @@ -283,7 +284,7 @@ padding: 0.75em 1em; } -.doc .admonitionblock td.content > div[class] { +.doc .admonitionblock td.content > :first-child { margin: 0; } @@ -375,8 +376,20 @@ .doc .literalblock .title, .doc .listingblock .title { color: #4a4a4a; - padding-bottom: 0.15rem; - font-size: 0.85rem; + padding-bottom: 0.08rem; + font-size: 0.92rem; + font-style: italic; +} + +.doc .admonitionblock .title + .paragraph { + margin-top: 0; +} + +/* Other possible colors #248232 (dark green) #2ba84a (brighter green), #f7ef99 (soft yellow), #f78e69 (orangey-grayish) */ +.doc .exampleblock > .content { + background-color: #fff; + box-shadow: inset 0 0 2px #2ba84a; + padding: 0.75rem; } /* NEEDS REVIEW prevent pre in table from causing article to exceed bounds */ -- cgit v1.2.3 From 2134ba4c1f2c79332db28327432cff02a61d6565 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Fri, 9 Feb 2018 15:51:43 -0700 Subject: tweak styles for block titles and example blocks - use darker color for block titles - align sizing of block titles to grid - tighten spacing between letters in block title - change box shadow around blocks to 1.75px - tighten letter spacing in language hover - reorder styles --- src/css/doc.css | 31 +++++++++++++++++-------------- 1 file changed, 17 insertions(+), 14 deletions(-) (limited to 'src/css/doc.css') diff --git a/src/css/doc.css b/src/css/doc.css index 60736a4..96dae78 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -80,19 +80,19 @@ } .doc pre { - font-size: 0.9rem; /* color: #000; */ + font-size: 0.9rem; line-height: 1.5; margin: 0; } .doc pre:not(.highlight), .doc pre.highlight code { - display: block; background-color: #fafafa; - padding: 0.75rem; + box-shadow: inset 0 0 1.75px #ddd; + display: block; overflow-x: auto; - box-shadow: inset 0 0 2px #ddd; + padding: 0.75rem; } .doc .paragraph, @@ -157,6 +157,10 @@ font-size: 0.9rem; } +.doc .admonitionblock td.content > :first-child { + margin: 0; +} + .doc .admonitionblock pre { font-size: 0.85rem; } @@ -230,7 +234,8 @@ } .doc .imageblock .title { - color: #4a4a4a; + /* color: #4a4a4a; */ + color: #191919; font-style: italic; margin-top: 0.5rem; } @@ -284,10 +289,6 @@ padding: 0.75em 1em; } -.doc .admonitionblock td.content > :first-child { - margin: 0; -} - .doc table.tableblock .paragraph { margin: 0; padding: 0; @@ -375,10 +376,12 @@ .doc .exampleblock .title, .doc .literalblock .title, .doc .listingblock .title { - color: #4a4a4a; - padding-bottom: 0.08rem; - font-size: 0.92rem; + /* color: #4a4a4a; */ + color: #191919; + font-size: 0.925rem; font-style: italic; + letter-spacing: -0.005em; + padding-bottom: 0.075rem; } .doc .admonitionblock .title + .paragraph { @@ -388,7 +391,7 @@ /* Other possible colors #248232 (dark green) #2ba84a (brighter green), #f7ef99 (soft yellow), #f78e69 (orangey-grayish) */ .doc .exampleblock > .content { background-color: #fff; - box-shadow: inset 0 0 2px #2ba84a; + box-shadow: inset 0 0 1.75px #248232; padding: 0.75rem; } @@ -408,7 +411,7 @@ color: #8e8e8e; font-size: 0.75em; font-weight: 500; - letter-spacing: 0.1em; + letter-spacing: 0.075em; line-height: 1; text-transform: uppercase; position: absolute; -- cgit v1.2.3 From 8dde552402ee8850ae58a86e95f3dfad13b35498 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Fri, 9 Feb 2018 16:02:17 -0700 Subject: affix language tag when source block scrolls left-to-right --- src/css/doc.css | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) (limited to 'src/css/doc.css') diff --git a/src/css/doc.css b/src/css/doc.css index 96dae78..4631934 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -86,15 +86,6 @@ margin: 0; } -.doc pre:not(.highlight), -.doc pre.highlight code { - background-color: #fafafa; - box-shadow: inset 0 0 1.75px #ddd; - display: block; - overflow-x: auto; - padding: 0.75rem; -} - .doc .paragraph, .doc .colist, .doc .dlist, @@ -401,7 +392,17 @@ white-space: pre-wrap; } -.doc .listingblock code[data-lang] { +.doc pre:not(.highlight), +.doc pre.highlight code { + background-color: #fafafa; + box-shadow: inset 0 0 1.75px #ddd; + display: block; + overflow-x: auto; + padding: 0.75rem; +} + +/* NOTE assume pre.highlight contains code[data-lang] */ +.doc pre.highlight { position: relative; } -- cgit v1.2.3 From aa33f24ca457a7371ad2573f75eb119ebce0d626 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Fri, 9 Feb 2018 16:13:57 -0700 Subject: style title on openblock --- src/css/doc.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'src/css/doc.css') diff --git a/src/css/doc.css b/src/css/doc.css index 4631934..b2f38d7 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -366,7 +366,8 @@ .doc .admonitionblock .title, .doc .exampleblock .title, .doc .literalblock .title, -.doc .listingblock .title { +.doc .listingblock .title, +.doc .openblock .title { /* color: #4a4a4a; */ color: #191919; font-size: 0.925rem; -- cgit v1.2.3