From 5cccb12fc6f8762e82be359f4e161a65ab8deeab Mon Sep 17 00:00:00 2001 From: Lio Date: Fri, 12 Jan 2024 17:34:23 +0100 Subject: [PATCH] move around some styles --- _src/files/styles/main.sass | 15 +++++++ _src/files/styles/markdown.sass | 72 +++++++++++++++++++++++++++++++++ 2 files changed, 87 insertions(+) create mode 100644 _src/files/styles/main.sass create mode 100644 _src/files/styles/markdown.sass diff --git a/_src/files/styles/main.sass b/_src/files/styles/main.sass new file mode 100644 index 0000000..f96a6ba --- /dev/null +++ b/_src/files/styles/main.sass @@ -0,0 +1,15 @@ +@tailwind base +@tailwind components +@tailwind utilities + +@import './markdown' + +// .ccontainer +// max-width: 600px +// margin: 0 auto + +.margin-even + margin: 1rem 0 + +.margin-none + margin: 0 diff --git a/_src/files/styles/markdown.sass b/_src/files/styles/markdown.sass new file mode 100644 index 0000000..0f2f7a3 --- /dev/null +++ b/_src/files/styles/markdown.sass @@ -0,0 +1,72 @@ +a.content_link + color: black + transition: color 0.1s, background-color 0.1s + background-color: rgb(206, 150, 45) + text-decoration: none + border-radius: 4px + padding: 0.01rem 0.5rem + margin: 0 0.3rem + line-height: 1.7 + white-space: nowrap + +a.content_link:hover + color: rgb(255, 200, 99) + background-color: rgba(152, 109, 29, 0.506) + +a img + border: none + +h2, +h3, +h4, +h5, +h6 + line-height: 1.25 + margin: 1.5rem 0 1rem + +h1 + // font-family: Playfair, serif; + font-weight: 900 + font-size: 5em + font-feature-settings: "lnum" 1 + font-variation-settings: "opsz" 35 + line-height: 1 + margin: 1.5rem 0 1rem + +h2 + // font-family: Playfair, serif; + font-weight: 900 + font-size: 2.5em + font-feature-settings: "lnum" 1 + font-variation-settings: "opsz" 20 + +h3 + font-weight: 700 + font-size: 1.5em + +h4 + font-weight: 600 + font-size: 1em + +h5 + font-weight: 600 + font-size: 0.875em + +h6 + font-weight: 600 + font-size: 0.85em + +p + margin: 0 0 16px + +code + font-family: "IBM Plex Mono", monospace + +li, +ul + margin-bottom: 0.25rem + +.markdown-emoji + width: 1.5em + height: 1.5em + display: inline