diff --git a/src/custom.css b/src/custom.css new file mode 100644 index 0000000..6971c75 --- /dev/null +++ b/src/custom.css @@ -0,0 +1,81 @@ +h1 { + scroll-margin-top: 5rem; + text-align: center; + font-size: 2.25rem; + line-height: 2.5rem; + font-weight: 800; + letter-spacing: -0.025em; + text-wrap: balance; +} + +h2 { + scroll-margin-top: 5rem; + margin-top: 2.5rem; + border-bottom: 1px solid var(--border); + padding-bottom: 0.5rem; + font-size: 1.875rem; + line-height: 2.25rem; + font-weight: 600; + letter-spacing: -0.025em; + transition: color 0.2s ease; +} + +h2:first-child { + margin-top: 0; +} + +h3 { + scroll-margin-top: 5rem; + margin-top: 2rem; + font-size: 1.5rem; + line-height: 2rem; + font-weight: 600; + letter-spacing: -0.025em; +} + +h4 { + scroll-margin-top: 5rem; + margin-top: 1.5rem; + font-size: 1.25rem; + line-height: 1.75rem; + font-weight: 600; + letter-spacing: -0.025em; +} + +p { + line-height: 1.75rem; +} + +p:not(:first-child) { + margin-top: 1.5rem; +} + +blockquote { + margin-top: 1.5rem; + border-left: 2px solid var(--border); + padding-left: 1.5rem; + font-style: italic; +} + +ul { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + margin-left: 1.5rem; + list-style-type: disc; +} + +ul > li { + margin-top: 0.5rem; +} + +code { + position: relative; + border-radius: var(--radius-sm); + background-color: var(--muted); + padding: 0.2rem 0.3rem; + font-family: + ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, + "Liberation Mono", "Courier New", monospace; + font-size: 0.875rem; + font-weight: 600; +} diff --git a/src/main.ts b/src/main.ts index 2425c0f..3c841de 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,5 +1,6 @@ -import { createApp } from 'vue' -import './style.css' -import App from './App.vue' +import { createApp } from "vue"; +import "./style.css"; +import "./custom.css"; +import App from "./App.vue"; -createApp(App).mount('#app') +createApp(App).mount("#app");