You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudberry.apache.org by dj...@apache.org on 2025/03/24 06:15:27 UTC
(cloudberry-site) 02/02: Update CSS for Docs
This is an automated email from the ASF dual-hosted git repository.
djwang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudberry-site.git
commit 0cb5efc895c4bd9c3304a5e24f5b01d3e88da856
Author: Dianjin Wang <wa...@gmail.com>
AuthorDate: Fri Mar 21 17:18:39 2025 +0800
Update CSS for Docs
---
docusaurus.config.ts | 4 +-
src/components/Contributors.module.css | 4 +-
.../community/CardWrap/styles.module.scss | 2 +-
.../contribute/TextListItem/styles.module.scss | 2 +-
src/css/custom.scss | 2 +-
src/css/design-class.scss | 6 +--
src/css/design-style.scss | 47 +++++++++++++++++++++-
src/css/pages/support.module.scss | 2 +-
.../components/Title/styles.module.scss | 2 +-
9 files changed, 57 insertions(+), 14 deletions(-)
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 4e0b02cba..2e727c4b6 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -342,8 +342,8 @@ const config: Config = {
],
},
prism: {
- theme: prismThemes.github,
- darkTheme: prismThemes.dracula,
+ theme: prismThemes.nightOwl,
+ darkTheme: prismThemes.okaidia,
},
// Change website analytics from Google Analytics to Matomo
matomo: {
diff --git a/src/components/Contributors.module.css b/src/components/Contributors.module.css
index 7b6baf95c..7f45eeb21 100644
--- a/src/components/Contributors.module.css
+++ b/src/components/Contributors.module.css
@@ -20,12 +20,12 @@
margin-bottom: 10px;
}
-p {
+text {
margin: 0;
font-size: 14px;
color: #333;
}
-p strong {
+text.strong {
font-weight: bold;
}
diff --git a/src/components/community/CardWrap/styles.module.scss b/src/components/community/CardWrap/styles.module.scss
index 76fa33273..61cbe15b2 100644
--- a/src/components/community/CardWrap/styles.module.scss
+++ b/src/components/community/CardWrap/styles.module.scss
@@ -4,7 +4,7 @@
width: auto;
}
.title {
- font-size: 32px;
+ font-size: 30px;
font-weight: 700;
line-height: 56px;
// margin-top: 69px;
diff --git a/src/components/contribute/TextListItem/styles.module.scss b/src/components/contribute/TextListItem/styles.module.scss
index 6f07ecfaf..51550bad2 100644
--- a/src/components/contribute/TextListItem/styles.module.scss
+++ b/src/components/contribute/TextListItem/styles.module.scss
@@ -2,7 +2,7 @@
padding: 68px 0 57px 0;
box-sizing: border-box;
.title {
- font-size: 32px;
+ font-size: 30px;
font-weight: 700;
line-height: 56px;
}
diff --git a/src/css/custom.scss b/src/css/custom.scss
index e2132fb30..c24b489f9 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -53,7 +53,7 @@
// shape
--ifm-menu-link-padding-horizontal: 21px !important;
--ifm-h1-font-size: 32px !important;
- --ifm-font-family-base: -apple-system, BlinkMacSystemFont, "Noto Sans",
+ --ifm-font-family-base: -apple-system, Montserrat, BlinkMacSystemFont, "Noto Sans",
"Open Sans", "Source Sans", Helvetica, Arial, Inter, Ubuntu, Roboto,
sans-serif;
--ifm-alert-foreground-color: red;
diff --git a/src/css/design-class.scss b/src/css/design-class.scss
index 41d38e420..10f9c4a28 100644
--- a/src/css/design-class.scss
+++ b/src/css/design-class.scss
@@ -6,12 +6,12 @@
}
.main-title {
- font-size: 32px;
+ font-size: 30px;
font-weight: 700;
line-height: 56px;
}
.sub-title {
- font-size: 20px;
+ font-size: 24px;
font-weight: 700;
line-height: 20px;
color: var(--sub-text-color-5);
@@ -81,4 +81,4 @@
.code-block {
background-color: rgba(217, 217, 217, 0.2);
padding: 3px 5px;
-}
+}
\ No newline at end of file
diff --git a/src/css/design-style.scss b/src/css/design-style.scss
index 8c7d00412..aefab55e3 100644
--- a/src/css/design-style.scss
+++ b/src/css/design-style.scss
@@ -67,6 +67,7 @@ a {
article {
code {
border: 1px solid var(--code-border-color);
+ font-size: 14px;
}
.anchor {
color: var(--active-color);
@@ -94,6 +95,30 @@ article {
}
}
+ // ul, ol style
+.markdown ul {
+ list-style-type: square; /* Options: circle, square */
+}
+
+.markdown ul, .markdown ol {
+ font-size: 15px;
+}
+
+.markdown blockquote {
+ border-left: 4px solid rgba(255, 168, 0, 1);
+ background-color: rgba(255, 168, 0, 0.1);
+ font-style: italic;
+}
+
+.markdown img {
+ max-width: 100%;
+ height: auto;
+ border-radius: 8px;
+ box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
+ display: block;
+ margin: 16px auto;
+}
+
// 1,2,3
ol {
counter-reset: list;
@@ -136,11 +161,13 @@ article {
text-decoration-color: var(--active-color);
}
&.alert--warning {
+ font-size: 14px;
span::before {
content: "";
display: inline-block;
width: 23px;
height: 23px;
+ font-size: 14px;
background-image: url("/img/docs/warning.svg");
background-size: contain;
}
@@ -149,6 +176,7 @@ article {
}
}
&.alert--danger {
+ font-size: 14px;
span::before {
content: "";
display: inline-block;
@@ -161,9 +189,19 @@ article {
display: none;
}
}
+ &.alert--success {
+ font-size: 14px;
+ }
+ &.alert--secondary {
+ font-size: 14px;
+ }
}
}
+pre code .token {
+ font-size: 14px;
+}
+
.main-wrapper {
// docs left menu released
.container {
@@ -185,9 +223,13 @@ article {
margin: 0 auto;
}
h1:first-child {
- font-size: 32px;
+ font-size: 30px;
+ }
+ h2 {
+ font-size: 24px;
}
- > h2 {
+
+ h3 {
font-size: 20px;
}
p,
@@ -200,6 +242,7 @@ article {
.alert--info {
border: none;
+ font-size: 14px;
background-color: var(--docs-detail-bg);
&[open] summary {
&::after {
diff --git a/src/css/pages/support.module.scss b/src/css/pages/support.module.scss
index 847b68f99..47f7db788 100644
--- a/src/css/pages/support.module.scss
+++ b/src/css/pages/support.module.scss
@@ -10,7 +10,7 @@
top: 33px;
.title {
- font-size: 32px;
+ font-size: 30px;
line-height: 40px;
}
.subText {
diff --git a/src/theme/BlogPostItem/components/Title/styles.module.scss b/src/theme/BlogPostItem/components/Title/styles.module.scss
index 21a87d43c..ade99c4bc 100644
--- a/src/theme/BlogPostItem/components/Title/styles.module.scss
+++ b/src/theme/BlogPostItem/components/Title/styles.module.scss
@@ -4,7 +4,7 @@
line-height: 26px;
color: var(--title-text-color);
.detailTitle {
- font-size: 32px;
+ font-size: 30px;
line-height: 40px;
margin-top: 55px;
display: inline-block;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cloudberry.apache.org
For additional commands, e-mail: commits-help@cloudberry.apache.org