58 lines
1.4 KiB
CSS
58 lines
1.4 KiB
CSS
@import "tailwindcss";
|
|
@plugin "@tailwindcss/typography";
|
|
|
|
/* @mention styling */
|
|
.mention {
|
|
color: var(--color-blue-600);
|
|
background-color: var(--color-blue-50);
|
|
padding: 0.125rem 0.25rem;
|
|
border-radius: 0.25rem;
|
|
font-weight: 500;
|
|
cursor: default;
|
|
position: relative;
|
|
}
|
|
.mention:hover {
|
|
background-color: var(--color-blue-100);
|
|
}
|
|
|
|
/* Make inline code visually distinct */
|
|
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
background-color: var(--color-gray-100);
|
|
padding: 0.125rem 0.375rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before,
|
|
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
|
|
content: none;
|
|
}
|
|
|
|
/* Mermaid diagram styling */
|
|
pre.mermaid {
|
|
text-align: center;
|
|
background: transparent;
|
|
border: none;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
/* Footnote styling */
|
|
.prose .footnotes {
|
|
border-top: 1px solid var(--color-gray-300);
|
|
margin-top: 1.5rem;
|
|
padding-top: 1rem;
|
|
font-size: 0.875rem;
|
|
color: var(--color-gray-600);
|
|
}
|
|
.prose sup a {
|
|
color: var(--color-blue-600);
|
|
text-decoration: none;
|
|
}
|
|
.prose sup a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Task list checkbox styling */
|
|
.prose input[type="checkbox"] {
|
|
margin-right: 0.375rem;
|
|
accent-color: var(--color-blue-600);
|
|
}
|