diff --git a/packages/logos-docusaurus-theme/package.json b/packages/logos-docusaurus-theme/package.json index f4e944a..85111db 100644 --- a/packages/logos-docusaurus-theme/package.json +++ b/packages/logos-docusaurus-theme/package.json @@ -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", diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionButton/CallToActionButton.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionButton/CallToActionButton.scss index 4e45c9c..ea47bfe 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionButton/CallToActionButton.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionButton/CallToActionButton.scss @@ -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; } } diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss index b9e528a..50489de 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.scss @@ -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); diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss index c0a9960..dc03e74 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/FeatureList/FeatureList.scss @@ -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; - } } diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.scss index ba776b4..73a83cb 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.scss @@ -1,10 +1,6 @@ @use '../../../css/utils'; .mdx-hero-action { - span { - font-weight: 100 !important; - } - &:hover, button:hover { &, diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss index 2881d64..187ffc0 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroDescription/HeroDescription.scss @@ -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 { diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss index 97a3091..478d652 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroTitle/HeroTitle.scss @@ -3,7 +3,6 @@ .mdx-hero-title { font-size: 70px !important; - font-weight: 100 !important; line-height: 100% !important; } diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/Roadmap/Roadmap.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/Roadmap/Roadmap.scss index c61bc39..e4d9f58 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/Roadmap/Roadmap.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/Roadmap/Roadmap.scss @@ -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; } } diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/Showcase/Showcase.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/Showcase/Showcase.scss index f78fe28..2f88216 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/Showcase/Showcase.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/Showcase/Showcase.scss @@ -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 { diff --git a/packages/logos-docusaurus-theme/src/client/css/_lsd.scss b/packages/logos-docusaurus-theme/src/client/css/_lsd.scss index 22efeff..e38539e 100644 --- a/packages/logos-docusaurus-theme/src/client/css/_lsd.scss +++ b/packages/logos-docusaurus-theme/src/client/css/_lsd.scss @@ -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); } } diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss index f7b37c0..0329242 100644 --- a/packages/logos-docusaurus-theme/src/client/css/custom.scss +++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss @@ -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'; diff --git a/yarn.lock b/yarn.lock index 11d2f3c..4a31aa4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -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"