Skip to content

Commit

Permalink
Fix Spacing documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
adamkudrna committed Mar 27, 2024
1 parent b6da1d0 commit 7a0703e
Showing 1 changed file with 8 additions and 12 deletions.
20 changes: 8 additions & 12 deletions src/docs/foundation/spacing.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,27 +40,23 @@ For demonstration purposes, all elements that are direct descendants of live
playgrounds in these docs are given a standard margin on all sides which
suppresses default spacing behavior described above:

~~~markdown
```docoff-react-preview
<p>This paragraph will have standard playground margin an all sides.</p>
<p>This paragraph will have it too.</p>
<p>This paragraph will have standard playground margin an all sides.</p>
<p>This paragraph will have it too.</p>
```
~~~

Once wrapped in a `div`, all elements and components remain unaffected and have
exactly the same margins as they would have in a real-world React UI project:

~~~markdown
```docoff-react-preview
<div>
<div>
<p>
This paragraph will have bottom margin of
<code>--rui-dimension-space-bottom-base</code>.
This paragraph will have bottom margin of
<code>--rui-dimension-space-bottom-base</code>.
</p>
<p>
This paragraph is a last child of its parent and thus will have no bottom
margin.
This paragraph is a last child of its parent and thus will have no bottom
margin.
</p>
</div>
</div>
```
~~~

0 comments on commit 7a0703e

Please sign in to comment.