Merge pull request #15 from RedHat-UX/copy-button-tweak

docs(icons): cleaning up copy button styles and more...
RedHat-UX · Nov 15, 2024 · 0670787 · 0670787
2 parents 257ef5d + cceca40
commit 0670787
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 67 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -46,7 +46,16 @@
     </script>
   </head>
   <body>
-    <header><h1>Red Hat Icons</h1></header>
+    <header>
+      <h1>Red Hat Icons</h1>
+      <p>Each icon set serves a different purpose and context. <a href="https://ux.redhat.com/elements/icon/guidelines/">Read the guidelines</a>.</p>
+      <ul>
+        <li><a href="#microns">Microns</a></li>
+        <li><a href="#social">Social</a></li>
+        <li><a href="#standard">Standard</a></li>
+        <li><a href="#ui">UI</a></li>
+      </ul>
+    </header>
     <main>
       {% for id, set in iconSets %}
 

diff --git a/docs/styles/page.css b/docs/styles/page.css
@@ -3,11 +3,20 @@ body {
 }
 
 header,
-main {
+main,
+footer {
   margin: 0 auto;
   max-width: 1330px;
 }
 
+header {
+  padding-block-end: var(--rh-space-2xl, 32px);
+}
+
+footer {
+  text-align: center;
+}
+
 section {
   --rh-tooltip-max-width: 50em;
   --rh-tooltip-content-padding-block-start: 0;
@@ -48,7 +57,7 @@ figcaption {
 }
 
 figure svg {
-  width: var(--rh-size-icon-03, 32px);
+  width: var(--rh-size-icon-01, 16px);
   aspect-ratio: 1;
   fill: currentcolor;
   margin: var(--rh-space-lg, 16px);
@@ -58,11 +67,16 @@ figure svg {
   color: var(--rh-color-interactive-blue-darker, #0066cc);
 }
 
-.microns figure svg {
-  width: var(--rh-size-icon-01, 16px);
+.copy-icon > svg {
+  margin: 0 4px 0 0;
+}
+
+.ui figure > svg,
+.social figure > svg {
+  width: var(--rh-size-icon-03, 32px);
 }
 
-.standard figure svg {
+.standard figure > svg {
   width: var(--rh-size-icon-06, 64px);
 }
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -121,7 +121,10 @@
     },
     "serve": {
       "service": true,
-      "command": "eleventy --serve"
+      "command": "eleventy --serve",
+      "dependencies": [
+        "compile"
+      ]
     }
   }
 }
diff --git a/src/standard/data-connections.svg b/src/standard/data-connections.svg