search

vmware-clarity / core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
https://clarity.design
MIT License
163 stars 42 forks source link

cds-text="body" applies unexpected margin to body tag #143

Closed ashleyryan closed 2 years ago

ashleyryan commented 2 years ago

Describe the bug

cds-text="body" has margin applied using the ::before and ::after pseudo selectors. This creates an undesirable srollbar

How to reproduce

https://stackblitz.com/edit/clarity-angular-demo-ekhdpx?file=src%2Fapp%2Fapp.component.scss,src%2Fapp%2Fapp.component.html,src%2Fstyles.scss,src%2Findex.html

Steps to reproduce the behavior:

  1. Comment out the css in styles.scss
  2. Notice the scrollbar

Expected behavior

It should not have a scrollbar

Versions

Clarity project:

Clarity version:

github-actions[bot] commented 2 years ago

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.