aniva/Chrysoblog
aniva
/
Chrysoblog
1
1
Fork 0
Code Issues 9 Pull Requests 2 Packages Projects Releases Wiki Activity

feat: Link ease in

This commit is contained in:
Leni Aniva 2024-09-13 20:40:08 -07:00
parent 63ac9eadd8
commit 86c9718c22
Signed by: aniva
GPG Key ID: 4D9B1C8D10EA4C50
3 changed files with 62 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app.css
View File

@ -76,3 +76,6 @@
@apply bg-background text-foreground; @apply bg-background text-foreground;
} }
} }
html {
scroll-behavior: smooth;
}

30
src/routes/+layout.svelte
View File

@ -21,7 +21,33 @@
<slot /> <slot />
<style> <style>
.active-link { :global(a) {
@apply text-emerald-300; font-weight: 500;
color: theme('colors.eucalyptus.400');
text-decoration: inherit;
font-family: serif;
&::after {
content: "";
display: block;
width: 100%;
position: relative;
height: 2px;
bottom: 0;
left: 0;
background-color: theme('colors.java.500');
transform: scaleX(0);
transition: transform 0.3s ease;
}
&:hover,
&:focus {
&::after {
content: "";
position: relative;
transform: scaleX(1);
}
color: theme('colors.java.500');
}
} }
</style> </style>

32
tailwind.config.ts
View File

@ -47,7 +47,29 @@ const config: Config = {
card: { card: {
DEFAULT: "hsl(var(--card) / <alpha-value>)", DEFAULT: "hsl(var(--card) / <alpha-value>)",
foreground: "hsl(var(--card-foreground) / <alpha-value>)" foreground: "hsl(var(--card-foreground) / <alpha-value>)"
} },
eucalyptus: {
100: '#E6F3EF',
200: '#C0E1D7',
300: '#9ACFBF',
400: '#4EAB90',
500: '#028760',
600: '#027A56',
700: '#01513A',
800: '#013D2B',
900: '#01291D',
},
java: {
100: '#EDF9F8',
200: '#D2EFED',
300: '#B6E5E2',
400: '#80D2CD',
500: '#49BEB7',
600: '#42ABA5',
700: '#2C726E',
800: '#215652',
900: '#163937',
},
}, },
borderRadius: { borderRadius: {
lg: "var(--radius)", lg: "var(--radius)",
@ -55,7 +77,13 @@ const config: Config = {
sm: "calc(var(--radius) - 4px)" sm: "calc(var(--radius) - 4px)"
}, },
fontFamily: { fontFamily: {
sans: [...fontFamily.sans] //sans: [...fontFamily.sans],
sans: '"Source Han Sans SC", "Source Han Sans CN","Noto Sans CJK SC", "Noto Sans", -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif',
//For varible font usage sometimes
// 'serif': '"Source Han Serif CN Variable", "Source Han Serif SC", "Source Han Serif CN","Noto Serif CJK SC", "Songti SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
serif: '"Source Han Serif SC", "Source Han Serif CN","Noto Serif CJK SC", "Songti SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
cursive: 'FancyTitleFont,"Source Han Serif SC", "Source Han Serif CN", "Noto Serif CJK SC", "Songti SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
mono: "'Fira Code','Cascadia Code',Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New','Sarasa Mono SC','Noto Sans CJK SC','monospace', monospace"
} }
} }
}, },