From 0df496e3a81fb3f75cd98a03f880f628b70641dc Mon Sep 17 00:00:00 2001 From: Cassie Jones Date: Sat, 2 Nov 2019 15:13:46 -0400 Subject: [PATCH] Style changes --- _includes/layouts/layout.njk | 1 + static/prism.css | 24 +++++------------------- 2 files changed, 6 insertions(+), 19 deletions(-) diff --git a/_includes/layouts/layout.njk b/_includes/layouts/layout.njk index 51581ab..3d9dea3 100644 --- a/_includes/layouts/layout.njk +++ b/_includes/layouts/layout.njk @@ -10,6 +10,7 @@ body header { margin-bottom: 1em; } body footer { margin-top: 1em; } h1 { margin: 0; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } +blockquote { border-left: solid 10px #bbb; padding-left: 1em; margin-left: 1em; font-style: italic; } .c-sun { color: #f78123; } .dec-none { text-decoration: none; } .dim { color: #777; } diff --git a/static/prism.css b/static/prism.css index 94952ad..fd20c9c 100644 --- a/static/prism.css +++ b/static/prism.css @@ -9,7 +9,6 @@ https://prismjs.com/download.html#themes=prism */ code[class*="language-"], pre[class*="language-"] { color: black; - background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 18px; @@ -30,14 +29,7 @@ pre[class*="language-"] { hyphens: none; } -pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, -code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { - text-shadow: none; - background: #b3d4fc; -} - -pre[class*="language-"]::selection, pre[class*="language-"] ::selection, -code[class*="language-"]::selection, code[class*="language-"] ::selection { +pre::selection, pre ::selection, code::selection, code ::selection { text-shadow: none; background: #b3d4fc; } @@ -50,32 +42,26 @@ code[class*="language-"]::selection, code[class*="language-"] ::selection { } /* Code blocks */ -pre[class*="language-"] { - overflow: auto; +pre > code { + overflow: auto; width: calc(100% + 8em); margin: 0 -4em; display: inline-block; max-width: 100vw; font-size: 18px; - background: #eee; box-sizing: border-box; padding: 1em; border-radius: 6px; + background: #f5f2f0; } @media (max-width: calc(700px + 9em)) { - pre[class*="language-"] { margin: 0 -1em; width: calc(100% + 2em); } -} - -:not(pre) > code[class*="language-"], -pre[class*="language-"] { - background: #f5f2f0; + pre > code { margin: 0 -1em; width: calc(100% + 2em); } } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; - border-radius: .3em; white-space: normal; } -- 2.47.0