Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SUP-190 | @rebeccahongsf | style text area paragraph #9

Merged
merged 10 commits into from
May 22, 2024

Conversation

rebeccahongsf
Copy link
Contributor

@rebeccahongsf rebeccahongsf commented May 6, 2024

READY FOR REVIEW

Summary

  • style text area paragraph

Review By (Date)

  • When possible

Review Tasks

Setup tasks and/or behavior to test

  1. Check out this branch
  2. Navigate to your local drupal dev
  3. Create a basic page with a WYSIWYG paragraph
  4. Verify that the styles are appear as defined in the figma mock
  5. Review code 🪴

Site Configuration Sync

  • Is there a config:export in this PR that changes the config sync directory? Nope

Front End Validation

Associated Issues and/or People

  • SUP-190

@rebeccahongsf rebeccahongsf marked this pull request as ready for review May 10, 2024 17:33
@rebeccahongsf rebeccahongsf requested a review from pookmish May 18, 2024 00:43
{children}
</h1>
)
}

export const H2 = ({children, className, ...props}: Props) => {
return (
<h2 className={twMerge(headingLinkClasses, "text-m3 font-medium", className)} {...props}>
<h2 className={twMerge(headingLinkClasses, "text-m3 font-normal", className)} {...props}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

From what I saw, most of the headings were font-weight: 500. Is the wysiwyg different?

@@ -44,7 +44,7 @@ const DrupalLink = ({href, children, ...props}: Props) => {
}

return (
<Link href={href} {...props} className={twMerge("text-stone-dark hocus:text-archway-dark", props.className)}>
<Link href={href} className={clsx("text-digital-red *:text-digital-red hocus:text-archway-dark *:hocus:text-archway-dark", props.className)} {...props}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what does *: do?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Direct children styling! TW Docs for ref 😄

@pookmish pookmish merged commit b44c83a into 1.x May 22, 2024
1 check passed
@pookmish pookmish deleted the feature/SUP-190--textAreaParagraph branch May 22, 2024 17:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants