upgrade the project
This commit is contained in:
PrinOrange
2
styles/font.css
Normal file
2
styles/font.css
Normal file
@@ -0,0 +1,2 @@
|
||||
@import "../assets/font-css/fang-zheng-xiao-biao-song/index.css";
|
||||
@import "../assets/font-css/source-serif-screen/index.css";
|
||||
@@ -6,7 +6,8 @@
|
||||
@import "./formulation.css";
|
||||
@import "./scrollbar.css";
|
||||
|
||||
@import "./prism.css";
|
||||
@import "./font.css";
|
||||
@import "./highlight.css";
|
||||
|
||||
@layer base {
|
||||
:root {
|
||||
|
||||
225
styles/highlight.css
Normal file
225
styles/highlight.css
Normal file
@@ -0,0 +1,225 @@
|
||||
pre code.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 1em;
|
||||
}
|
||||
code.hljs {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
code.hljs::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
code.hljs::-webkit-scrollbar-thumb {
|
||||
--tw-border-opacity: 1;
|
||||
background-color: rgba(217, 217, 227, 0.5);
|
||||
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
|
||||
border-radius: 9999px;
|
||||
border-width: 1px;
|
||||
}
|
||||
code.hljs::-webkit-scrollbar {
|
||||
height: 0.5rem;
|
||||
width: 0.5rem;
|
||||
}
|
||||
|
||||
.hljs {
|
||||
color: #24292e;
|
||||
background: #f6f8fa;
|
||||
}
|
||||
.hljs-doctag,
|
||||
.hljs-keyword,
|
||||
.hljs-meta .hljs-keyword,
|
||||
.hljs-template-tag,
|
||||
.hljs-template-variable,
|
||||
.hljs-type,
|
||||
.hljs-variable.language_ {
|
||||
/* prettylights-syntax-keyword */
|
||||
color: #d73a49;
|
||||
}
|
||||
.hljs-title,
|
||||
.hljs-title.class_,
|
||||
.hljs-title.class_.inherited__,
|
||||
.hljs-title.function_ {
|
||||
/* prettylights-syntax-entity */
|
||||
color: #6f42c1;
|
||||
}
|
||||
.hljs-attr,
|
||||
.hljs-attribute,
|
||||
.hljs-literal,
|
||||
.hljs-meta,
|
||||
.hljs-number,
|
||||
.hljs-operator,
|
||||
.hljs-variable,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-id {
|
||||
/* prettylights-syntax-constant */
|
||||
color: #005cc5;
|
||||
}
|
||||
.hljs-regexp,
|
||||
.hljs-string,
|
||||
.hljs-meta .hljs-string {
|
||||
/* prettylights-syntax-string */
|
||||
color: #032f62;
|
||||
}
|
||||
.hljs-built_in,
|
||||
.hljs-symbol {
|
||||
/* prettylights-syntax-variable */
|
||||
color: #e36209;
|
||||
}
|
||||
.hljs-comment,
|
||||
.hljs-code,
|
||||
.hljs-formula {
|
||||
/* prettylights-syntax-comment */
|
||||
color: #6a737d;
|
||||
}
|
||||
.hljs-name,
|
||||
.hljs-quote,
|
||||
.hljs-selector-tag,
|
||||
.hljs-selector-pseudo {
|
||||
/* prettylights-syntax-entity-tag */
|
||||
color: #22863a;
|
||||
}
|
||||
.hljs-subst {
|
||||
/* prettylights-syntax-storage-modifier-import */
|
||||
color: #24292e;
|
||||
}
|
||||
.hljs-section {
|
||||
/* prettylights-syntax-markup-heading */
|
||||
color: #005cc5;
|
||||
font-weight: bold;
|
||||
}
|
||||
.hljs-bullet {
|
||||
/* prettylights-syntax-markup-list */
|
||||
color: #735c0f;
|
||||
}
|
||||
.hljs-emphasis {
|
||||
/* prettylights-syntax-markup-italic */
|
||||
color: #24292e;
|
||||
font-style: italic;
|
||||
}
|
||||
.hljs-strong {
|
||||
/* prettylights-syntax-markup-bold */
|
||||
color: #24292e;
|
||||
font-weight: bold;
|
||||
}
|
||||
.hljs-addition {
|
||||
/* prettylights-syntax-markup-inserted */
|
||||
color: #22863a;
|
||||
background-color: #f0fff4;
|
||||
}
|
||||
.hljs-deletion {
|
||||
/* prettylights-syntax-markup-deleted */
|
||||
color: #b31d28;
|
||||
background-color: #ffeef0;
|
||||
}
|
||||
.hljs-char.escape_,
|
||||
.hljs-link,
|
||||
.hljs-params,
|
||||
.hljs-property,
|
||||
.hljs-punctuation,
|
||||
.hljs-tag {
|
||||
/* purposely ignored */
|
||||
}
|
||||
|
||||
/* Here are rules for darkmode */
|
||||
|
||||
.dark .hljs {
|
||||
color: #c9d1d9;
|
||||
background: #0d1117;
|
||||
}
|
||||
.dark .hljs-doctag,
|
||||
.dark .hljs-keyword,
|
||||
.dark .hljs-meta .hljs-keyword,
|
||||
.dark .hljs-template-tag,
|
||||
.dark .hljs-template-variable,
|
||||
.dark .hljs-type,
|
||||
.dark .hljs-variable.language_ {
|
||||
/* prettylights-syntax-keyword */
|
||||
color: #ff7b72;
|
||||
}
|
||||
.dark .hljs-title,
|
||||
.dark .hljs-title.class_,
|
||||
.dark .hljs-title.class_.inherited__,
|
||||
.dark .hljs-title.function_ {
|
||||
/* prettylights-syntax-entity */
|
||||
color: #d2a8ff;
|
||||
}
|
||||
.dark .hljs-attr,
|
||||
.dark .hljs-attribute,
|
||||
.dark .hljs-literal,
|
||||
.dark .hljs-meta,
|
||||
.dark .hljs-number,
|
||||
.dark .hljs-operator,
|
||||
.dark .hljs-variable,
|
||||
.dark .hljs-selector-attr,
|
||||
.dark .hljs-selector-class,
|
||||
.dark .hljs-selector-id {
|
||||
/* prettylights-syntax-constant */
|
||||
color: #79c0ff;
|
||||
}
|
||||
.dark .hljs-regexp,
|
||||
.dark .hljs-string,
|
||||
.dark .hljs-meta .hljs-string {
|
||||
/* prettylights-syntax-string */
|
||||
color: #a5d6ff;
|
||||
}
|
||||
.dark .hljs-built_in,
|
||||
.dark .hljs-symbol {
|
||||
/* prettylights-syntax-variable */
|
||||
color: #ffa657;
|
||||
}
|
||||
.dark .hljs-comment,
|
||||
.dark .hljs-code,
|
||||
.dark .hljs-formula {
|
||||
/* prettylights-syntax-comment */
|
||||
color: #8b949e;
|
||||
}
|
||||
.dark .hljs-name,
|
||||
.dark .hljs-quote,
|
||||
.dark .hljs-selector-tag,
|
||||
.dark .hljs-selector-pseudo {
|
||||
/* prettylights-syntax-entity-tag */
|
||||
color: #7ee787;
|
||||
}
|
||||
.dark .hljs-subst {
|
||||
/* prettylights-syntax-storage-modifier-import */
|
||||
color: #c9d1d9;
|
||||
}
|
||||
.dark .hljs-section {
|
||||
/* prettylights-syntax-markup-heading */
|
||||
color: #1f6feb;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dark .hljs-bullet {
|
||||
/* prettylights-syntax-markup-list */
|
||||
color: #f2cc60;
|
||||
}
|
||||
.dark .hljs-emphasis {
|
||||
/* prettylights-syntax-markup-italic */
|
||||
color: #c9d1d9;
|
||||
font-style: italic;
|
||||
}
|
||||
.dark .hljs-strong {
|
||||
/* prettylights-syntax-markup-bold */
|
||||
color: #c9d1d9;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dark .hljs-addition {
|
||||
/* prettylights-syntax-markup-inserted */
|
||||
color: #aff5b4;
|
||||
background-color: #033a16;
|
||||
}
|
||||
.dark .hljs-deletion {
|
||||
/* prettylights-syntax-markup-deleted */
|
||||
color: #ffdcd7;
|
||||
background-color: #67060c;
|
||||
}
|
||||
.dark .hljs-char.escape_,
|
||||
.dark .hljs-link,
|
||||
.dark .hljs-params,
|
||||
.dark .hljs-property,
|
||||
.dark .hljs-punctuation,
|
||||
.dark .hljs-tag {
|
||||
/* purposely ignored */
|
||||
}
|
||||
3
styles/layout.css
Normal file
3
styles/layout.css
Normal file
@@ -0,0 +1,3 @@
|
||||
.responsive-width {
|
||||
@apply px-5 lg:px-20 xl:px-32 2xl:px-52;
|
||||
}
|
||||
@@ -1,7 +1,8 @@
|
||||
.typesetting {
|
||||
@apply prose
|
||||
max-w-full
|
||||
overflow-x-auto
|
||||
h-fit
|
||||
max-w-full
|
||||
overflow-x-hidden
|
||||
break-words
|
||||
|
||||
px-0
|
||||
@@ -9,41 +10,43 @@
|
||||
dark:prose-invert
|
||||
|
||||
prose-headings:scroll-mt-20
|
||||
|
||||
prose-headings:target:text-sky-700
|
||||
prose-a:text-sky-700
|
||||
|
||||
prose-blockquote:bg-gray-100
|
||||
prose-blockquote:px-5
|
||||
prose-blockquote:py-0.5
|
||||
prose-blockquote:text-base
|
||||
prose-blockquote:not-italic
|
||||
prose-a:text-sky-800
|
||||
|
||||
prose-a:decoration-dashed
|
||||
prose-a:underline-offset-[5px]
|
||||
|
||||
prose-figure:mx-auto
|
||||
|
||||
prose-code:mx-1
|
||||
prose-code:overflow-hidden
|
||||
|
||||
prose-code:rounded-sm
|
||||
prose-code:bg-gray-200
|
||||
prose-code:px-1
|
||||
prose-code:py-0.5
|
||||
prose-code:text-gray-800
|
||||
prose-code:before:content-['']
|
||||
prose-code:text-sky-700
|
||||
|
||||
prose-code:after:content-['']
|
||||
prose-table:border-4
|
||||
prose-tr:border-2
|
||||
prose-table:mb-5
|
||||
prose-table:mt-0
|
||||
prose-table:border-2
|
||||
prose-table:border-gray-400
|
||||
|
||||
prose-tr:border-2
|
||||
prose-tr:border-gray-400
|
||||
prose-tr:p-2
|
||||
|
||||
prose-th:border
|
||||
prose-th:p-2
|
||||
prose-td:border-2
|
||||
prose-th:border-2
|
||||
prose-th:border-gray-400
|
||||
prose-th:bg-gray-100
|
||||
prose-th:p-2
|
||||
prose-td:border-2
|
||||
|
||||
prose-td:border-gray-400
|
||||
prose-td:p-2
|
||||
|
||||
prose-img:mx-auto
|
||||
dark:prose-a:text-sky-500
|
||||
|
||||
dark:prose-a:text-sky-500
|
||||
dark:prose-code:text-sky-500
|
||||
|
||||
dark:prose-blockquote:bg-gray-800
|
||||
dark:prose-code:bg-gray-700
|
||||
dark:prose-code:text-gray-100;
|
||||
dark:prose-table:border-gray-700
|
||||
dark:prose-tr:border-gray-700
|
||||
dark:prose-th:border-gray-700
|
||||
dark:prose-th:bg-gray-900
|
||||
dark:prose-td:border-gray-700;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user