removed spacing from reveal

Author: majedelass

website/docs/components/reveal/index.md

@@ -37,7 +37,6 @@ navigation:
 <section data-tab="Specifications">
   @include "partials/specifications/anatomy.md"
   @include "partials/specifications/states.md"
-  @include "partials/specifications/spacing.md"
 </section>
 
 <section data-tab="Accessibility">

website/docs/components/reveal/partials/guidelines/guidelines.md

@@ -41,4 +41,21 @@ The Reveal component should be used for hiding and showing simple content. For c
 !!! Do
 
 ![Reveal example with simple content](/assets/components/reveal/content-type-do.png =604x*)
-!!!
+!!!
+
+## Spacing
+
+!!! Info
+
+In cases where surrounding elements already have margin or padding added, you may want to reduce or remove the spacing entirely.
+!!!
+
+- When using the Reveal to contain information related to a single element within a group or section, we recommend leaving 8px between the Reveal and the element it relates to.
+
+![Reveal example within a section](/assets/components/reveal/spacing-guidance-single-element.png =591x*)
+
+- When used to show and hide information not directly associated with a single element but an entire section or group, we recommend leaving 24px between the Reveal and the section it relates to.
+
+![Reveal example underneath a section](/assets/components/reveal/spacing-guidance-section.png =591x*)
+
+- If you need to adjust the spacing, always ensure it is slightly tighter compared to the spacing between other elements and components in the group, section, or page.