Fix post style

This commit is contained in:
DefectingCat
2022-08-11 01:27:24 +00:00
parent 90be11776d
commit 5bd737265c
2 changed files with 66 additions and 62 deletions

View File

@ -3,18 +3,18 @@
@tailwind utilities; @tailwind utilities;
* { * {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
*::selection { *::selection {
background: hsl(230, 1%, 90%); background: hsl(230, 1%, 90%);
color: inherit; color: inherit;
} }
.dark *::selection { .dark *::selection {
background: hsl(220, 13%, 28%); background: hsl(220, 13%, 28%);
color: inherit; color: inherit;
text-shadow: none; text-shadow: none;
} }
/* /*
@ -26,88 +26,88 @@ font-family: 'Poppins', sans-serif;
*/ */
@layer base { @layer base {
body { body {
@apply text-gray-600 bg-bluish-gray dark:bg-rua-gray-900 dark:text-gray-200; @apply text-gray-600 bg-bluish-gray dark:bg-rua-gray-900 dark:text-gray-200;
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui, Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui,
'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
} }
img, img,
iframe { iframe {
@apply dark:brightness-75; @apply dark:brightness-75;
} }
/* 滚动槽 */ /* 滚动槽 */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 7px; width: 7px;
height: 7px; height: 7px;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
border-radius: 3px; border-radius: 3px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
background: 0 0; background: 0 0;
} }
/* 滚动条滑块 */ /* 滚动条滑块 */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
@apply bg-gray-400; @apply bg-gray-400;
border-radius: 3px; border-radius: 3px;
box-shadow: inset 0 0 10px rgba(185, 69, 69, 0.2); box-shadow: inset 0 0 10px rgba(185, 69, 69, 0.2);
} }
} }
/* DocSearch */ /* DocSearch */
html.dark { html.dark {
--docsearch-text-color: #f5f6f7; --docsearch-text-color: #f5f6f7;
--docsearch-container-background: rgba(9, 10, 17, 0.8); --docsearch-container-background: rgba(9, 10, 17, 0.8);
--docsearch-modal-background: #15172a; --docsearch-modal-background: #15172a;
--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309; --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
--docsearch-searchbox-background: #090a11; --docsearch-searchbox-background: #090a11;
--docsearch-searchbox-focus-background: #000; --docsearch-searchbox-focus-background: #000;
--docsearch-hit-color: #bec3c9; --docsearch-hit-color: #bec3c9;
--docsearch-hit-shadow: none; --docsearch-hit-shadow: none;
--docsearch-hit-background: #090a11; --docsearch-hit-background: #090a11;
--docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b); --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
--docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
0 2px 2px 0 rgba(3, 4, 9, 0.3); 0 2px 2px 0 rgba(3, 4, 9, 0.3);
--docsearch-footer-background: #1e2136; --docsearch-footer-background: #1e2136;
--docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5), --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
0 -4px 8px 0 rgba(0, 0, 0, 0.2); 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
--docsearch-logo-color: #fff; --docsearch-logo-color: #fff;
--docsearch-muted-color: #7f8497; --docsearch-muted-color: #7f8497;
} }
html { html {
--docsearch-primary-color: rgb(75, 85, 99) !important; --docsearch-primary-color: rgb(75, 85, 99) !important;
} }
.DocSearch-wrapper .DocSearch-Button { .DocSearch-wrapper .DocSearch-Button {
margin-left: unset; margin-left: unset;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.DocSearch-wrapper .DocSearch-Button { .DocSearch-wrapper .DocSearch-Button {
align-items: unset; align-items: unset;
background: unset; background: unset;
padding: unset; padding: unset;
height: unset; height: unset;
} }
} }
.DocSearch-wrapper .DocSearch-Button .DocSearch-Search-Icon { .DocSearch-wrapper .DocSearch-Button .DocSearch-Search-Icon {
@apply text-gray-600 dark:text-gray-200; @apply text-gray-600 dark:text-gray-200;
} }
.DocSearch .DocSearch-Form { .DocSearch .DocSearch-Form {
border-radius: 6px; border-radius: 6px;
} }
.DocSearch .DocSearch-Screen-Icon { .DocSearch .DocSearch-Screen-Icon {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }

View File

@ -89,7 +89,7 @@
} }
#article { #article {
@apply text-lg leading-10; @apply text-lg;
} }
#article .toc { #article .toc {
@ -101,6 +101,10 @@
list-style-type: none; list-style-type: none;
} }
#article p {
margin: 1em 0;
}
#article h1 { #article h1 {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;