mirror of
https://github.com/Dan6erbond/sk-auth.git
synced 2025-01-31 00:17:54 +01:00
5d1802fea4
* 🎉 Scaffold example app with SvelteKit barebones skeleton * 💄 Add TWCSS and base styles with fonts Inter/Fira Mono * 🔧 Add `exports` and `types` to `package.json` and update `tsconfig.json` for Vite-compatible build output * ➕ Add local dependency to `svelte-kit-auth` as symlink * 🔧 Update example app env variables * ✨ Add basic auth config to example app * ♻️ Export all providers from `/providers` module * 🎨 Make `Auth` class default export of lib * 🚚 Rename `example-app` to `app` * ➕ Use `file:` instead of `link:` for local dependency to `svelte-kit-auth` * 🔧 Add `JWT_SECRET_KEY` to env and config * 🎨 Add `RedditOAuthProvider.profileHandler` for general use and stripping of payload * ✨ Export auth API routes from app * ⬆️ Update local deps * ✨ Add `host` and `basePath` to general config and improve recognition of routes * 🚨 Exclude `app` from TS build * 📌 Undo `file:` mapping dependency for usage with Vite TODO: Needs to be fixed for release. * 🎨 Enable TS `strict` mode and set target to `es2017` * 📌 Undo `file:` mapping dependency for usage with Vite * 🚨 Format and lint files * 🍱 Add logo * ✨ Add login and profile routes to example app for showcase and testing * 💄 Add PrismJS and create homepage with example * 🔨 Add `build:watch`
75 lines
1.0 KiB
Plaintext
75 lines
1.0 KiB
Plaintext
@import "@fontsource/fira-mono";
|
|
@import "@fontsource/inter";
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
font-family: "Inter", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
|
|
Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
width: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: #c7c7c7;
|
|
border-radius: 24px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: #a1a1a1;
|
|
border-radius: 24px;
|
|
}
|
|
|
|
body::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
body::-webkit-scrollbar-track {
|
|
width: 12px;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
margin: 0;
|
|
}
|
|
|
|
body::before {
|
|
content: "";
|
|
width: 80vw;
|
|
height: 100vh;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 10vw;
|
|
z-index: -1;
|
|
opacity: 0.05;
|
|
}
|
|
|
|
#svelte {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2rem;
|
|
margin-bottom: 0 0 1em 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
@media (min-width: 720px) {
|
|
h1 {
|
|
font-size: 2.4rem;
|
|
}
|
|
}
|