kizuren.dev/assets/main.css
2025-03-23 23:04:02 +01:00

88 lines
No EOL
1.3 KiB
CSS

@import "tailwindcss";
@import "@nuxt/ui";
/* Global overrides for Nuxt UI components */
/*.nuxt-ui-button,
.nuxt-ui-link,
[class*="nuxt-ui-button"],
[class*="nuxt-ui-link"] {
cursor: default !important;
}*/
/* For UButton and ULink without nuxt-ui classes */
/*button, a {
cursor: default !important;
}*/
.prose {
max-width: 65ch;
margin: 0 auto;
padding: 1rem;
}
.prose h1 {
font-size: 2.25rem;
font-weight: bold;
margin-bottom: 1rem;
}
.prose h2 {
font-size: 1.5rem;
font-weight: bold;
margin-top: 2rem;
margin-bottom: 1rem;
}
/* Remove link styling from headings in Markdown content */
.prose h2 a,
.prose h3 a,
.prose h4 a,
.prose h5 a,
.prose h6 a {
color: inherit;
text-decoration: none;
}
.prose h2 a:hover,
.prose h3 a:hover,
.prose h4 a:hover,
.prose h5 a:hover,
.prose h6 a:hover {
color: inherit;
text-decoration: none;
}
/* Hide the # link icon that might appear on hover */
.prose h2 a::after,
.prose h3 a::after,
.prose h4 a::after,
.prose h5 a::after,
.prose h6 a::after {
display: none;
}
.prose p {
margin-bottom: 1rem;
line-height: 1.6;
}
.prose a {
color: #1d4ed8;
text-decoration: underline;
}
.prose a:hover {
color: #2563eb;
}
.dark .prose {
color: #e5e7eb;
}
.dark .prose a {
color: #60a5fa;
}
.dark .prose a:hover {
color: #93c5fd;
}