diff --git a/astro.config.ts b/astro.config.ts index 5089b3a..b16a331 100644 --- a/astro.config.ts +++ b/astro.config.ts @@ -17,7 +17,7 @@ import path from 'path' import netlify from '@astrojs/netlify' export default defineConfig({ - adapter: netlify(), // Set adapter for deployment + adapter: netlify(), // Set adapter for deployment, or set `linkCard` to `false` in `src/config.ts` site: themeConfig.site.website, image: { service: { diff --git a/src/styles/post.css b/src/styles/post.css index feba9eb..812a190 100644 --- a/src/styles/post.css +++ b/src/styles/post.css @@ -187,9 +187,9 @@ /* Blockquotes */ .prose blockquote { - border-left: 1.5px solid var(--border); + border-left: 2px solid var(--border); margin: 0 0 1.75em 0.125em; - padding: 0 0 0 1.5em; + padding: 0 0 0 1.375em; text-align: left; } @@ -320,21 +320,22 @@ .prose ul.contains-task-list li.task-list-item input[type='checkbox']:checked { position: relative; background: var(--code-bg); + font-family: var(--sans); border: 1.35px solid var(--text-tertiary); opacity: 0.75; } -.prose ul.contains-task-list li.task-list-item input[type='checkbox']:checked::before { +.prose ul.contains-task-list li.task-list-item input[type='checkbox']:checked::after { content: '✓'; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-45%, -55%); font-family: var(--sans); + font-size: 10px; + font-weight: 650; color: var(--text-primary); - opacity: 0.6; - font-weight: var(--font-weight-bold); - position: absolute; - left: 0.15em; - top: 0.05em; - font-size: 0.75em; - line-height: 1; + opacity: 0.55; } .prose ul.contains-task-list li.task-list-item input[type='checkbox'] + * {