My personal website
renderg.host
1export const nav =
2 'sticky top-0 z-50 bg-bones-white dark:bg-bones-black border-b border-bones-black-10 dark:border-bones-white-20';
3
4export const container = 'container mx-auto px-4';
5
6export const innerContainer = 'flex items-center justify-between h-16';
7
8export const logo =
9 'text-xl font-serif text-bones-black dark:text-bones-white hover:text-bones-blue dark:hover:text-bones-blue transition-colors';
10
11export const linksContainer = 'flex items-center space-x-8';
12
13export const navLink =
14 'text-bones-black-60 dark:text-bones-white-80 hover:text-bones-blue dark:hover:text-bones-blue transition-colors';