fix: added icon size variable and applied to current icons (#920)

dequelabs · Feb 27, 2023 · 4f3537b · 4f3537b
1 parent a361f9c
commit 4f3537b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/packages/styles/dialog.css b/packages/styles/dialog.css
@@ -80,8 +80,8 @@
 }
 
 .Dialog__close svg {
-  height: 24px;
-  width: 24px;
+  height: var(--icon-size);
+  width: var(--icon-size);
 }
 
 .Dialog__content {

diff --git a/packages/styles/pointout.css b/packages/styles/pointout.css
@@ -155,8 +155,8 @@
 .Pointout__dismiss .Icon svg,
 .Pointout__next .Icon svg,
 .Pointout__previous .Icon svg {
-  height: 24px;
-  width: 24px;
+  height: var(--icon-size);
+  width: var(--icon-size);
 }
 
 .Pointout__dismiss:hover {

diff --git a/packages/styles/variables.css b/packages/styles/variables.css
@@ -102,6 +102,9 @@
   --font-weight-bold: 700;
   --font-weight-ultra-bold: 900;
 
+  /* icon sizes */
+  --icon-size: 24px;
+
   /* dimensions */
   --border-width: 6px;
   --layout-padding: 9px;