Docs: update style (#310)

Signed-off-by: Carson Yang <yangchuansheng33@gmail.com>
This commit is contained in:
Carson Yang
2023-09-17 15:06:25 +08:00
committed by GitHub
parent 453824260f
commit 0bb31b985d
7 changed files with 322 additions and 282 deletions

View File

@@ -9638,11 +9638,14 @@ img {
order: 1; }
.docs-content .main-content a {
font-weight: 600;
color: var(--content-link-color); }
.docs-content .main-content a:hover {
text-decoration: underline 2px var(--primary-200);
text-underline-offset: 2.5px !important;
transition: 0s !important; }
.docs-content .main-content a code {
color: var(--content-link-color); }
.docs-content .main-content #edit-this-page a:hover,
.docs-content .main-content #list-item a:hover {
@@ -9663,22 +9666,24 @@ img {
font-weight: 700;
color: var(--body-color); }
.docs-content .main-content a {
font-weight: 600; }
.docs-content .content-title {
font-weight: 700; }
.docs-content .content-title i {
width: 44px;
height: 44px;
color: var(--content-icon-color);
background-color: var(--content-icon-bg);
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 24px;
border-radius: 5px; }
font-weight: 700;
align-self: center; }
i.title-icon {
width: 44px;
height: 44px;
color: var(--content-icon-color);
background-color: var(--content-icon-bg);
display: inline-flex !important;
align-self: center;
align-items: center;
justify-content: center;
font-size: 24px;
border-radius: 5px; }
@media (max-width: 768px) {
i.title-icon {
align-self: auto; } }
.docs-content p.lead {
color: var(--text-muted);
font-weight: 400; }
@@ -9692,17 +9697,22 @@ img {
.docs-content p.lead {
font-size: 1rem; } }
.docs-content .main-content img {
max-width: 100%; }
.docs-content .main-content img,
.docs-content .main-content svg {
max-width: 100%;
height: auto; }
.docs-content .main-content a svg {
vertical-align: middle;
padding-bottom: 0.25rem;
margin-left: 3px; }
.docs-content .main-content ul {
list-style: none;
line-height: 26px;
padding-left: 0; }
.docs-content .main-content ul li {
.docs-content .main-content ul > li {
position: relative;
padding-left: 32px; }
.docs-content .main-content ul li::before {
.docs-content .main-content ul > li::before {
content: "";
position: absolute;
width: 6px;
@@ -9713,13 +9723,12 @@ img {
background: var(--gray-500); }
.docs-content .main-content ol {
list-style: none;
line-height: 26px; }
.docs-content .main-content ol li {
counter-reset: listitem; }
.docs-content .main-content ol > li {
counter-increment: listitem;
position: relative;
padding-left: 32px; }
.docs-content .main-content ol li::before {
.docs-content .main-content ol > li::before {
content: counter(listitem);
background: var(--ordered-list-bg);
color: var(--ordered-list-color);
@@ -9735,6 +9744,11 @@ img {
left: 0;
top: 3px; }
.docs-content .main-content ol,
.docs-content .main-content ul {
list-style: none;
line-height: 26px; }
.docs-content .main-content blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
@@ -9752,7 +9766,7 @@ img {
.docs-content .main-content code {
font-size: inherit;
color: var(--text-default);
font-weight: 500;
font-weight: 400;
padding: 1px 2px;
background: var(--inline-code-bg);
border: var(--inline-code-border);
@@ -9822,11 +9836,20 @@ img {
overflow-y: overlay;
position: relative;
border-right: 1px solid var(--sidebar-border-color);
scrollbar-width: none; }
scrollbar-width: thin;
scrollbar-color: var(--sidebar-bg) var(--sidebar-bg); }
.page-wrapper .sidebar-wrapper .sidebar-content.desktop {
overflow-y: hidden; }
.page-wrapper .sidebar-wrapper .sidebar-content::-webkit-scrollbar {
display: none; }
.page-wrapper .sidebar-wrapper .sidebar-content:hover {
scrollbar-color: var(--sidebar-scrollbar-thumb-color) var(--sidebar-bg); }
.page-wrapper .sidebar-wrapper .sidebar-content::-webkit-scrollbar {
width: 5px;
height: 8px; }
.page-wrapper .sidebar-wrapper .sidebar-content::-webkit-scrollbar-track {
background: var(--sidebar-bg);
display: none; }
.page-wrapper .sidebar-wrapper .sidebar-content:hover::-webkit-scrollbar-thumb {
background: var(--sidebar-scrollbar-thumb-color); }
.page-wrapper .sidebar-wrapper .sidebar-brand {
background: var(--sidebar-bg);
padding: 10px 20px;
@@ -9837,6 +9860,7 @@ img {
.page-wrapper .sidebar-wrapper .sidebar-brand > a {
text-transform: uppercase;
font-weight: bold;
flex-grow: 1;
transition: all 0.3s ease; }
.page-wrapper .sidebar-wrapper .sidebar-brand > a:focus {
outline: none; }
@@ -10580,25 +10604,16 @@ button:not(:disabled) {
background-size: 1.5rem;
filter: invert(1) grayscale(100%) brightness(200%); }
@media (min-width: 768px) {
.alert-dismissible .btn-close {
background-size: 1.25rem; } }
[data-global-alert="closed"] #announcement {
display: none; }
.alert code {
background: #e7e8e9;
color: #000;
padding: 0.25rem 0.5rem; }
:root {
--card-title-color: var(--text-default);
--card-text-color: var(--text-muted); }
[data-dark-mode] {
--card-title-color: var(--text-default);
--card-text-color: #6c757d; }
--card-text-color: var(--gray-500); }
.card {
background: var(--card-bg);
@@ -10617,7 +10632,8 @@ button:not(:disabled) {
color: var(--card-title-color); }
.card-text {
color: var(--card-text-color); }
color: var(--card-text-color);
font-weight: 500; }
:root {
--form-border-color: var(--gray-200);
@@ -10655,12 +10671,12 @@ button:not(:disabled) {
background-color: var(--body-bg);
text-align: left; }
.form-control:focus {
border-color: #2f55d4;
border-color: var(--primary);
box-shadow: none; }
.form-control[readonly] {
background-color: #fff; }
background-color: var(--white); }
.form-control:disabled {
background-color: #dee2e6; }
background-color: var(--gray-300); }
.form-control::placeholder {
color: var(--form-control-placeholder-color); }
@@ -10673,7 +10689,7 @@ button:not(:disabled) {
border: 1px solid var(--form-check-input-border-color);
background-color: var(--body-bg); }
.form-check-input:focus {
border-color: #2f55d4;
border-color: var(--primary);
box-shadow: none; }
.form-check-input.form-check-input:checked {
background-color: var(--form-check-input-background-color);
@@ -10699,7 +10715,6 @@ table td:last-child, table th:last-child {
.table {
--bs-table-color: var(--text-default);
--bs-table-bg: transparent;
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: none;
--bs-table-striped-color: var(--text-default);
--bs-table-striped-bg: var(--alert-primary-bg);
@@ -10807,10 +10822,12 @@ table td:last-child, table th:last-child {
:root {
--feature-icon-color: var(--primary);
--feature-icon-faint: var(--gray-200);
--feature-link-hover-bg-color: var(--primary); }
[data-dark-mode] {
--feature-icon-color: var(--primary-300);
--feature-icon-faint: var(--gray-900);
--feature-link-hover-bg-color: var(--gray-900); }
.features .icon {
@@ -10834,6 +10851,10 @@ table td:last-child, table th:last-child {
.features.feature-full-bg .icon-color {
color: var(--feature-icon-color) !important; }
.features.feature-full-bg .icon-faint {
color: var(--feature-icon-faint) !important;
transition: all 0.5s ease; }
.features.feature-full-bg:hover {
background-color: var(--feature-link-hover-bg-color) !important; }
@@ -11128,30 +11149,6 @@ table td:last-child, table th:last-child {
.rounded-lg {
border-radius: 30px !important; }
.border-primary {
border-color: #2f55d4 !important; }
.border-secondary {
border-color: #6c757d !important; }
.border-success {
border-color: #2eca8b !important; }
.border-info {
border-color: #17a2b8 !important; }
.border-warning {
border-color: #f17425 !important; }
.border-danger {
border-color: #e43f52 !important; }
.border-light {
border-color: #f8f9fa !important; }
.border-dark {
border-color: #0e1420 !important; }
.bg-white-color {
background: var(--bg-white-color); }