portfolio/styles.css

31 lines
593 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.link {
@apply text-blue underline underline-offset-2 ;
}
.link:visited {
@apply text-mauve dark:text-lavender;
}
.link:hover,
.link:active,
.link:focus {
@apply no-underline text-sky outline-2 outline-sky;
}
.outline-link {
@apply outline-offset-4 outline-2 outline-sky;
}
}
pre {
padding: 1rem 0.5rem;
margin: 0.5rem 0 ;
border-radius: 0.25rem;
color: rgb(var(--ctp-text));
background-color: rgb(var(--ctp-base));
outline: 1px solid rgb(var(--ctp-surface0))
}