mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-16 01:01:38 +00:00
Fix post style
This commit is contained in:
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
Reference in New Issue
Block a user