waveterm/docusaurus-og
0
0
Fork 0
mirror of https://github.com/wavetermdev/docusaurus-og.git synced 2026-08-05 13:46:35 -07:00
Code Issues Packages Projects Releases Wiki Activity

feat: upgrade @acid-info/lsd-react & update typography styles

Browse Source
This commit is contained in:
Hossein Mehrabi
2023-07-17 18:09:34 +03:30
parent 55562c3c5f
commit f795bf141e
12 changed files with 23 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/logos-docusaurus-theme/package.json
+1 -1
View File
@@ -21,7 +21,7 @@
},
"dependencies": {
"@acid-info/docusaurus-og": "^1.0.0-alpha.76",
"@acid-info/lsd-react": "^0.1.0-alpha.15",
"@acid-info/lsd-react": "^0.1.0-alpha.17",
"@docusaurus/core": "^2.4.1",
"@docusaurus/mdx-loader": "^2.4.1",
"@docusaurus/module-type-aliases": "^2.4.1",
packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionButton/CallToActionButton.scss
-2
View File
@@ -3,7 +3,6 @@
.mdx-cta-button {
margin-top: 2rem;
font-weight: 100 !important;
&:hover {
&,
@@ -32,7 +31,6 @@
.mdx-cta-button {
.lsd-button--large {
@include lsd.typography('label2');
font-weight: 100 !important;
padding: 5px 11px;
}
}
packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss
-7
View File
@@ -17,13 +17,6 @@
}
}
.mdx-cta-section__title,
.mdx-cta-section__description,
.mdx-cta-section__link .mdx-cta-section__list div,
.mdx-cta-section__link .mdx-cta-section__list p {
font-weight: 100 !important;
}
.mdx-cta-section--title-only {
.mdx-cta-section__title {
@include lsd.typography('h1', false);
packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss
+6 -24
View File
@@ -69,13 +69,6 @@
.mdx-feature-list__feature-description {
}
.mdx-feature-list__title,
.mdx-feature-list__feature-title,
.mdx-feature-list__feature-index,
.mdx-feature-list__feature-description {
font-weight: 100 !important;
}
.mdx-feature-list__extra {
margin-top: 3.5rem;
padding: 0 1rem;
@@ -116,6 +109,10 @@
@include utils.responsive('lg', 'down') {
.mdx-feature-list {
.mdx-feature-list__title {
@include lsd.typography('subtitle1', false);
padding: 1rem 0;
}
}
.mdx-feature-list__extra {
@@ -123,11 +120,6 @@
padding: 0;
}
.mdx-feature-list__title {
@include lsd.typography('subtitle1');
padding: 1rem 0;
}
.mdx-feature-list__list {
grid-template-columns: 1fr;
}
@@ -138,13 +130,13 @@
border-top: 1px solid rgb(var(--lsd-border-primary));
.mdx-feature-list__feature-index {
@include lsd.typography('subtitle2');
@include lsd.typography('subtitle2', false);
width: 1.625rem;
height: 1.625rem;
}
.mdx-feature-list__feature-title {
@include lsd.typography('h5');
@include lsd.typography('h5', false);
margin-top: 1rem;
}
@@ -153,12 +145,6 @@
margin-top: 3rem;
}
.mdx-feature-list__feature-title,
.mdx-feature-list__feature-index,
.mdx-feature-list__feature-description {
font-weight: 100 !important;
}
.mdx-feature-list__feature-inner {
}
@@ -168,8 +154,4 @@
}
}
}
.mdx-feature-list__title {
font-weight: 100 !important;
}
}
packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.scss
-4
View File
@@ -1,10 +1,6 @@
@use '../../../css/utils';
.mdx-hero-action {
span {
font-weight: 100 !important;
}
&:hover,
button:hover {
&,
packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss
-2
View File
@@ -5,7 +5,6 @@
// we need position relative because we need the z-index to work in order to keep it under the hero model
position: relative;
z-index: -2;
font-weight: 100 !important;
text-shadow: 1px 1px 6px rgba(var(--lsd-surface-primary), 1);
max-width: 1260px;
margin-top: 18px;
@@ -25,7 +24,6 @@
@include lsd.typography('subtitle1');
margin-top: 12px;
font-weight: 100 !important;
}
.mdx-hero-description--large {
packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss
-1
View File
@@ -3,7 +3,6 @@
.mdx-hero-title {
font-size: 70px !important;
font-weight: 100 !important;
line-height: 100% !important;
}
packages/logos-docusaurus-theme/src/client/components/mdx/Roadmap/Roadmap.scss
-8
View File
@@ -15,7 +15,6 @@
> * {
flex-basis: 50%;
font-weight: 100 !important;
}
}
@@ -98,19 +97,12 @@
}
}
.mdx-roadmap__timeline-period,
.mdx-roadmap__timeline-index,
.mdx-roadmap__timeline-description {
font-weight: 100 !important;
}
@include utils.responsive('lg', 'down') {
.mdx-roadmap__header {
flex-direction: column;
h2 {
@include lsd.typography('body1');
font-weight: 100 !important;
}
}
packages/logos-docusaurus-theme/src/client/components/mdx/Showcase/Showcase.scss
-3
View File
@@ -22,14 +22,12 @@
.mdx-showcase__item-name {
margin-top: 1rem;
font-weight: 100 !important;
}
.mdx-showcase__item-description {
border-top: 1px solid rgb(var(--lsd-border-primary));
margin-top: 24px;
padding-top: 16px;
font-weight: 100 !important;
}
@include utils.responsive('lg', 'down') {
@@ -40,7 +38,6 @@
.mdx-showcase__item-name {
@include lsd.typography('h6');
font-weight: 100 !important;
}
.mdx-showcase__item-description {
packages/logos-docusaurus-theme/src/client/css/_lsd.scss
+2 -2
View File
@@ -3,11 +3,11 @@
font-size: var(--lsd-#{$variant}-fontSize) !important;
line-height: var(--lsd-#{$variant}-lineHeight) !important;
font-family: var(--lsd-typography-generic-font-family) !important;
font-weight: 400 !important;
font-weight: var(--lsd-#{$variant}-fontWeight) !important;
} @else {
font-size: var(--lsd-#{$variant}-fontSize);
line-height: var(--lsd-#{$variant}-lineHeight);
font-family: var(--lsd-typography-generic-font-family);
font-weight: 400;
font-weight: var(--lsd-#{$variant}-fontWeight);
}
}
packages/logos-docusaurus-theme/src/client/css/custom.scss
+10
View File
@@ -1235,4 +1235,14 @@ code {
scrollbar-width: none;
}
*[class^='mdx-'] {
--lsd-h1-fontWeight: 100;
--lsd-h2-fontWeight: 300;
--lsd-h3-fontWeight: 300;
--lsd-h4-fontWeight: 300;
--lsd-h5-fontWeight: 300;
--lsd-h6-fontWeight: 300;
--lsd-subtitle1-fontWeight: 300;
}
@import './blog.scss';
yarn.lock
+4 -4
View File
@@ -2,10 +2,10 @@
# yarn lockfile v1
"@acid-info/lsd-react@^0.1.0-alpha.15":
version "0.1.0-alpha.15"
resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-alpha.15.tgz#28821fd1ca4150b836c1401db5b683eeb0f281ae"
integrity sha512-e3Vi43H+dw/l1Yo/Ktj83FWCBqiREuCiOrQYKAs6BFRERny4Y+TIsoe86V0gETQyGHXX3YJJYOTaXwCZH7oNRg==
"@acid-info/lsd-react@^0.1.0-alpha.17":
version "0.1.0-alpha.17"
resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-alpha.17.tgz#4a0da00ad779717bcd6c5771863ec94937c701a0"
integrity sha512-qDnDr4uK7xXulf3StBLhCdq+0zT+6NT1TstQ+qAw3/kLonE2wiQx+w+aRlyaRobSevhtyC+bfR+QDvfFwkG8Rw==
dependencies:
"@emotion/react" "^11.10.5"
"@emotion/styled" "^11.10.5"