mirror of
https://github.com/Kizuren/kizuren.dev.git
synced 2025-12-21 21:16:12 +01:00
Implement everything
This commit is contained in:
parent
d966dd9562
commit
30d747e046
26 changed files with 1069 additions and 6 deletions
88
assets/main.css
Normal file
88
assets/main.css
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
@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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue