mirror of
https://github.com/saicaca/fuwari.git
synced 2026-01-11 14:52:52 +01:00
8448e90ee5
- Deleted postcss.config.mjs as it is no longer needed. - Updated Layout.astro to reference main.css instead of using @tailwind components. - Modified expressive-code.css to include a reference to Tailwind CSS. - Reworked main.css to use @import for Tailwind and added custom variants and utilities. - Updated markdown.css to reference main.css and adjusted anchor styles. - Enhanced photoswipe.css and scrollbar.css with Tailwind references and applied important modifiers. - Updated transition.css to include Tailwind reference. - Removed tailwind.config.cjs as part of the cleanup.
123 lines
3.1 KiB
CSS
123 lines
3.1 KiB
CSS
@reference "./main.css";
|
|
|
|
.custom-md {
|
|
h1 {
|
|
@apply text-3xl;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
.anchor {
|
|
@apply transition -m-0.5! ml-[0.2ch]! p-0.5! select-none! opacity-0! no-underline!;
|
|
|
|
.anchor-icon {
|
|
@apply mx-[0.45ch]!;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
.anchor {
|
|
@apply opacity-100!;
|
|
}
|
|
}
|
|
}
|
|
|
|
a:not(.no-styling) {
|
|
@apply relative bg-none link font-medium text-[var(--primary)]
|
|
underline decoration-[var(--link-underline)] decoration-1 decoration-dashed underline-offset-4;
|
|
box-decoration-break: clone;
|
|
-webkit-box-decoration-break: clone;
|
|
|
|
&:hover, &:active {
|
|
@apply decoration-transparent;
|
|
background: var(--btn-plain-bg-hover);
|
|
border-bottom: 1px dashed var(--link-hover);
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
code {
|
|
@apply bg-[var(--inline-code-bg)] text-[var(--inline-code-color)] px-1 py-0.5 rounded-md overflow-hidden;
|
|
|
|
font-family: 'JetBrains Mono Variable', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
|
&:before {
|
|
content:none;
|
|
}
|
|
&:after {
|
|
content:none;
|
|
}
|
|
|
|
counter-reset: line;
|
|
span.line {
|
|
&:before {
|
|
@apply text-white/25 mr-4 w-4 inline-block;
|
|
content: counter(line);
|
|
counter-increment: line;
|
|
direction: rtl;
|
|
}
|
|
&:last-child:empty, &:last-child:has(> span:empty:only-child) {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.copy-btn {
|
|
all: initial;
|
|
@apply btn-regular-dark opacity-0 shadow-lg shadow-black/50 absolute active:scale-90 h-8 w-8 top-3 right-3 text-sm rounded-lg transition-all ease-in-out z-20 cursor-pointer;
|
|
}
|
|
.frame:hover .copy-btn {
|
|
opacity: 1;
|
|
}
|
|
|
|
.copy-btn-icon {
|
|
@apply absolute top-1/2 left-1/2 transition -translate-x-1/2 -translate-y-1/2 w-4 h-4 fill-white pointer-events-none;
|
|
}
|
|
.copy-btn .copy-icon {
|
|
@apply opacity-100 fill-white dark:fill-white/75;
|
|
}
|
|
.copy-btn.success .copy-icon {
|
|
@apply opacity-0 fill-[var(--deep-text)]
|
|
}
|
|
.copy-btn .success-icon {
|
|
@apply opacity-0 fill-white;
|
|
}
|
|
.copy-btn.success .success-icon {
|
|
@apply opacity-100
|
|
}
|
|
|
|
.expressive-code {
|
|
@apply my-4;
|
|
::selection {
|
|
@apply bg-[var(--codeblock-selection)];
|
|
}
|
|
}
|
|
|
|
|
|
ul, ol {
|
|
li::marker {
|
|
@apply text-[var(--primary)];
|
|
}
|
|
}
|
|
|
|
blockquote {
|
|
@apply not-italic border-transparent relative;
|
|
font-weight: inherit;
|
|
|
|
&:before {
|
|
@apply content-[''] absolute -left-1 block transition bg-[var(--btn-regular-bg)] h-full w-1 rounded-full;
|
|
}
|
|
|
|
/* Remove the double quotes from default styles */
|
|
p:before, p:after {
|
|
@apply content-none;
|
|
}
|
|
|
|
}
|
|
|
|
.katex-display-container {
|
|
max-width: 100%;
|
|
overflow-x: auto;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
}
|