updated icons

codyhouse · Oct 21, 2022 · 5877bf3 · 5877bf3
1 parent 97dd466
commit 5877bf3
Show file tree

Hide file tree

Showing 3 changed files with 106 additions and 602 deletions.
diff --git a/css/globals/icons.css b/css/globals/icons.css
@@ -1,7 +1,18 @@
+:root {
+ --icon-2xs: 12px;
+ --icon-xs: 16px;
+ --icon-sm: 20px;
+ --icon-md: 24px;
+ --icon-lg: 32px;
+ --icon-xl: 48px;
+ --icon-2xl: 64px;
+}
+
 .icon {
  --size: 1em;
- height: var(--size);
- width: var(--size);
+ font-size: var(--size);
+ height: 1em;
+ width: 1em;
  display: inline-block;
  color: inherit;
  fill: currentColor;
@@ -10,6 +21,34 @@
  max-width: initial;
 }
 
+.icon--2xs {
+ --size: var(--icon-2xs);
+}
+
+.icon--xs {
+ --size: var(--icon-xs);
+}
+
+.icon--sm {
+ --size: var(--icon-sm);
+}
+
+.icon--md {
+ --size: var(--icon-md);
+}
+
+.icon--lg {
+ --size: var(--icon-lg);
+}
+
+.icon--xl {
+ --size: var(--icon-xl);
+}
+
+.icon--2xl {
+ --size: var(--icon-2xl);
+}
+
 /* rotate the icon infinitely */
 .icon--is-spinning { 
  animation: icon-spin 1s infinite linear;

diff --git a/css/globals/shared-styles.css b/css/globals/shared-styles.css
@@ -7,7 +7,7 @@
  /* box shadow */
  --shadow-ring: 0 0 0 1px hsla(var(--color-black-hsl), 0.05);
 
- --shadow-xs: 0 0 0 1px hsla(var(--color-black-hsl), 0.02), 
+ --shadow-xs: 0 0 0 1px hsla(var(--color-black-hsl), 0.02),
  0 1px 3px -1px hsla(var(--color-black-hsl), 0.2);
  --shadow-sm: 0 0.3px 0.4px hsla(var(--color-black-hsl), 0.02),
  0 0.9px 1.5px hsla(var(--color-black-hsl), 0.045),