From 6b742c459266b18e2b375b35205ce8a6c02f0452 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Thu, 6 Jun 2024 08:05:12 -0400 Subject: Initial commit --- style.css | 99 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 style.css (limited to 'style.css') diff --git a/style.css b/style.css new file mode 100644 index 0000000..b3102fa --- /dev/null +++ b/style.css @@ -0,0 +1,99 @@ +* { + box-sizing: border-box; +} +body { + background-color: #fffaf7; + font-family: system-ui, "Helvetica Neue", "Lucida Grande", sans-serif; + line-height: 1.55; + margin: 1rem auto; + max-width: 60ch; + padding: 10px; +} +h1,h2,h3,h4,h5,h6 { + line-height: 1.2; +} +h2,h3,h4,h5,h6 { + border-bottom: 1px solid; + margin: 3rem 0 0; + padding-bottom: 0.5rem; +} +a,a:visited { + color: darkred; +} +a:hover,a:focus { + background: yellow; + color: black; +} +figcaption { + font-size: 12px; +} +hr { + background: grey; + border: 0; + height: 1px; + margin: 2rem 0; +} +img { + height: auto; + max-width: 100%; + width: auto; +} +code { + background-color: white; + border: 1px solid; + font-size: 90%; + padding: 0.1rem 0.3rem; + tab-size: 4; +} +pre { + background-color: white; + border: 1px solid; +} +pre code { + border: 0; + display: block; + overflow-x: auto; + padding: 0.3rem 0.6rem; +} +table { + border-collapse: collapse; + margin: 2rem 0; + display: block; + overflow-x: auto; + white-space: nowrap; + text-align: left; + width: 100%; +} +tbody { + display: table; + min-width: 500px; + width: 100%; +} +tr { + border-bottom: 1px solid lightgrey; +} +td:last-of-type,th:last-of-type { + text-align: right; +} +.post-list { + list-style: none; + margin: 1rem 0 0; + padding: 0; +} +.post-list li { + align-items: center; + display: flex; + flex-direction: row-reverse; + justify-content: space-between; + margin: 0 0 10px; +} +.post-list li small { font-variant-numeric: tabular-nums; } + +@media(max-width:650px) { + .post-list li { + align-items: flex-start; + flex-direction: column; + justify-content: baseline; + margin: 0 0 15px; + } +} -- cgit v1.2.3-54-g00ecf