Refactor/to-scss-related-posts

[briangesteban]

Web Dev Path
238

Have you updated the CHANGELOG.md file? If not, please do it.

Yes

What is this change?

Migrate RelatedPosts component from styled-components to SCSS module.

Were there any complications while making this change?

None

How to replicate the issue?

N/A

If necessary, please describe how to test the new feature or fix.

N/A

When should this be merged?

After reveiws.

Image Reference

[netlify]

✅ Deploy Preview for webdevpathstage ready!

Name	Link
🔨 Latest commit	6b9a6b5
🔍 Latest deploy log	https://app.netlify.com/projects/webdevpathstage/deploys/68997842aac24e000889de30
😎 Deploy Preview	https://deploy-preview-256--webdevpathstage.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[oluwatobiss]

Thanks for fixing the anchor font’s responsiveness, @briangesteban. Please consider the additional suggestions I’ve made.

[oluwatobiss]

All looks good! Thank you for your efforts on this.

[Satoshi-Sh]

Looks good overall. Thanks for refactoring.

Member.modules.scss
.name {
  font-style: italic;
  font-family: $heading-font;
  font-size: 1.5rem;
  color: var(--color-primary-content);
  margin-bottom: 0px;
  line-height: unset;
}

%headingStyle {
  font-family: $heading-font;
  font-size: 1rem;
  color: var(--color-primary-content);
  text-align: left;
  line-height: normal;
  margin: 0px;
}

$heading-font need to be updated here.

[briangesteban]

Looks good overall. Thanks for refactoring.

Member.modules.scss
.name {
  font-style: italic;
  font-family: $heading-font;
  font-size: 1.5rem;
  color: var(--color-primary-content);
  margin-bottom: 0px;
  line-height: unset;
}

%headingStyle {
  font-family: $heading-font;
  font-size: 1rem;
  color: var(--color-primary-content);
  text-align: left;
  line-height: normal;
  margin: 0px;
}

$heading-font need to be updated here.

Thanks for the review @Satoshi-Sh. I've updated the Member.modules.scss font stylings to align with the current change

[Satoshi-Sh]

Loogs good to me. Thanks for the update