From cceca4072f419ca328738587d5fc5a5799708969 Mon Sep 17 00:00:00 2001 From: Mark Caron Date: Fri, 15 Nov 2024 10:35:05 -0500 Subject: [PATCH] docs(icons): cleaning up copy button styles, adding guidelines link, and fixing serve script --- docs/index.html | 11 +++++- docs/styles/page.css | 24 +++++++++--- package-lock.json | 4 +- package.json | 5 ++- src/standard/data-connections.svg | 61 ++----------------------------- 5 files changed, 38 insertions(+), 67 deletions(-) diff --git a/docs/index.html b/docs/index.html index db1f8e8..ea2c0db 100644 --- a/docs/index.html +++ b/docs/index.html @@ -46,7 +46,16 @@ -

Red Hat Icons

+
+

Red Hat Icons

+

Each icon set serves a different purpose and context. Read the guidelines.

+ +
{% for id, set in iconSets %} diff --git a/docs/styles/page.css b/docs/styles/page.css index c190fd0..773a5c3 100644 --- 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 index 86c9744..0170d84 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@rhds/icons", - "version": "1.0.0", + "version": "1.1.2", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@rhds/icons", - "version": "1.0.0", + "version": "1.1.2", "license": "MIT", "devDependencies": { "@11ty/eleventy": "^2.0.0-beta.3", diff --git a/package.json b/package.json index 255ae21..8316dca 100644 --- 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 index 831b919..74c3e5c 100644 --- a/src/standard/data-connections.svg +++ b/src/standard/data-connections.svg @@ -1,58 +1,3 @@ -Data connections icon -neural network, AI, ML, artificial intelligence, machine learning, nodes, points, connect, net, computer, generate, generative - - - - - 2024-08-09T21:47:56.177Z - no - Icon - pending - TRA000b7f54-893f-460b-907a-364b3b7518f7 - Icon - 2024-08-09T21:47:56.177Z - DER000b7f54-893f-460b-907a-364b3b7518f7 - true - ryawilli@redhat.com - Black - pending - 2024-08-09T21:48:08.525Z - rhcc-audience:internal - yes - 36 - 36 - image/svg+xml - 2024-08-09T21:48:34.680Z - - - neural network, AI, ML, artificial intelligence, machine learning, nodes, points, connect, net, computer, generate, generative - - - - - Data connections icon - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + +