docs: remove display: block; from <main> (#1809)

* style: remove extra line from `.gitattributes` file * docs: remove redundant `display: block;` from some demos This was added while `main { display: grid; }` was set. Now that `main` has been set to `block`, this is redundant code. * fix(badge): re-add contents of badge.css --------- Co-authored-by: Benny Powers - עם ישראל חי! <[email protected]>
RedHat-UX · Sep 5, 2024 · 514dc44 · 514dc44
1 parent 11bbd02
commit 514dc44
Show file tree

Hide file tree

Showing 15 changed files with 0 additions and 62 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -1,3 +1,2 @@
 package-lock.json binary
 yarn.lock binary
-
diff --git a/elements/rh-breadcrumb/demo/non-interactive-last-item.html b/elements/rh-breadcrumb/demo/non-interactive-last-item.html
@@ -28,10 +28,6 @@ <h2 class="subtle-heading">Subtle:</h2>
 </script>
 
 <style>
-  main {
-    display: block;
-  }
-
   .subtle-heading {
     margin-block-start: var(--rh-space-6xl, 96px);
   }

diff --git a/elements/rh-card/demo/promo-full-width.html b/elements/rh-card/demo/promo-full-width.html
@@ -88,8 +88,4 @@ <h2 slot="header">Full Width Promo Dark</h2>
       order: -10;
     }
   }
-
-  [data-demo] {
-    display: contents;
-  }
 </style>
diff --git a/elements/rh-card/demo/promo.html b/elements/rh-card/demo/promo.html
@@ -71,7 +71,6 @@ <h2 slot="header">Promo Dark</h2>
 
 <style>
   main {
-    display: block;
     padding: var(--rh-space-lg, 16px);
   }
 

diff --git a/elements/rh-tile/demo/checkable.html b/elements/rh-tile/demo/checkable.html
@@ -23,10 +23,6 @@ <h2 slot="headline">Headline</h2>
 <link rel="stylesheet" href="../rh-tile-lightdom.css">
 
 <style>
-  main {
-    display: block;
-  }
-
   rh-tile {
     width: 320px;
     margin-inline-end: var(--rh-space-md, 8px);

diff --git a/elements/rh-tile/demo/compact.html b/elements/rh-tile/demo/compact.html
@@ -44,10 +44,6 @@ <h2 slot="headline"><a href="#top">Link</a></h2>
 <link rel="stylesheet" href="../rh-tile-lightdom.css">
 
 <style>
-  main {
-    display: block;
-  }
-
   rh-tile {
     margin-inline-end: var(--rh-space-md, 8px);
     margin-block-end: var(--rh-space-md, 8px);

diff --git a/elements/rh-tile/demo/desaturated-heading.html b/elements/rh-tile/demo/desaturated-heading.html
@@ -13,10 +13,6 @@ <h2 slot="headline"><a href="#top">Link</a></h2>
 <link rel="stylesheet" href="../rh-tile-lightdom.css">
 
 <style>
-  main {
-    display: block;
-  }
-
   rh-tile {
     margin-inline-end: var(--rh-space-md, 8px);
   }

diff --git a/elements/rh-tile/demo/disabled.html b/elements/rh-tile/demo/disabled.html
@@ -12,10 +12,6 @@ <h2 slot="headline"><a href="#top">Link</a></h2>
 <link rel="stylesheet" href="../rh-tile-lightdom.css">
 
 <style>
-  main {
-    display: block;
-  }
-
   rh-tile {
     margin-inline-end: var(--rh-space-md, 8px);
   }

diff --git a/elements/rh-tile/demo/icon.html b/elements/rh-tile/demo/icon.html
@@ -30,10 +30,6 @@ <h2 slot="headline"><a href="#top">Link</a></h2>
 <link rel="stylesheet" href="../rh-tile-lightdom.css">
 
 <style>
-  main {
-    display: block;
-  }
-
   rh-tile {
     margin-inline-end: var(--rh-space-md, 8px);
     margin-block-end: var(--rh-space-md, 8px);

diff --git a/elements/rh-tile/demo/in-flex-container.html b/elements/rh-tile/demo/in-flex-container.html
@@ -20,10 +20,6 @@ <h2 slot="headline"><a href="#top">Link</a></h2>
 <link rel="stylesheet" href="../rh-tile-lightdom.css">
 
 <style>
-  main {
-    display: block;
-  }
-
   rh-tile {
     margin-inline-end: var(--rh-space-md, 8px);
     margin-block-end: var(--rh-space-md, 8px);

diff --git a/elements/rh-tile/demo/rh-tile.html b/elements/rh-tile/demo/rh-tile.html
@@ -13,10 +13,6 @@ <h2 slot="headline"><a href="#top">Link</a></h2>
 <link rel="stylesheet" href="../rh-tile-lightdom.css">
 
 <style>
-  main {
-    display: block;
-  }
-
   rh-tile {
     margin-inline-end: var(--rh-space-md, 8px);
   }

diff --git a/elements/rh-tile/demo/tile-group-disabled.html b/elements/rh-tile/demo/tile-group-disabled.html
@@ -23,9 +23,3 @@ <h2 slot="headline">Headline</h2>
 <script type="module">
   import '@rhds/elements/rh-tile/rh-tile-group.js';
 </script>
-
-<style>
-  main {
-    display: block;
-  }
-</style>
diff --git a/elements/rh-tile/demo/tile-group-radio-disabled.html b/elements/rh-tile/demo/tile-group-radio-disabled.html
@@ -23,9 +23,3 @@ <h2 slot="headline">Headline</h2>
 <script type="module">
   import '@rhds/elements/rh-tile/rh-tile-group.js';
 </script>
-
-<style>
-  main {
-    display: block;
-  }
-</style>
diff --git a/elements/rh-tile/demo/tile-group-radio.html b/elements/rh-tile/demo/tile-group-radio.html
@@ -23,9 +23,3 @@ <h2 slot="headline">Headline</h2>
 <script type="module">
   import '@rhds/elements/rh-tile/rh-tile-group.js';
 </script>
-
-<style>
-  main {
-    display: block;
-  }
-</style>
diff --git a/elements/rh-tile/demo/tile-group.html b/elements/rh-tile/demo/tile-group.html
@@ -24,9 +24,3 @@ <h2 slot="headline">Headline</h2>
 <script type="module">
   import '@rhds/elements/rh-tile/rh-tile-group.js';
 </script>
-
-<style>
-  main {
-    display: block;
-  }
-</style>