fix: 1.0.0-beta.4 release - fix styles

coreui · May 27, 2020 · 32cea84 · 32cea84
1 parent ce3efe1
commit 32cea84
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 19 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/icons-react",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.4",
   "description": "CoreUI Icons React component",
   "sideEffects": "src/CIcon.css",
   "license": "MIT",

diff --git a/src/CIcon.css b/src/CIcon.css
@@ -3,67 +3,76 @@
   color: inherit;
   text-align: center;
   fill: currentColor;
+}
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size) {
   width: 1rem;
   height: 1rem;
   font-size: 1rem;
 }
-.c-icon-2xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-2xl {
   width: 2rem;
   height: 2rem;
   font-size: 2rem;
 }
-.c-icon-3xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-3xl {
   width: 3rem;
   height: 3rem;
   font-size: 3rem;
 }
-.c-icon-4xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-4xl {
   width: 4rem;
   height: 4rem;
   font-size: 4rem;
 }
-.c-icon-5xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-5xl {
   width: 5rem;
   height: 5rem;
   font-size: 5rem;
 }
-.c-icon-6xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-6xl {
   width: 6rem;
   height: 6rem;
   font-size: 6rem;
 }
-.c-icon-7xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-7xl {
   width: 7rem;
   height: 7rem;
   font-size: 7rem;
 }
-.c-icon-8xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-8xl {
   width: 8rem;
   height: 8rem;
   font-size: 8rem;
 }
-.c-icon-9xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-9xl {
   width: 9rem;
   height: 9rem;
   font-size: 9rem;
 }
-.c-icon-xl {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-xl {
   width: 1.5rem;
   height: 1.5rem;
   font-size: 1.5rem;
 }
-.c-icon-lg {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-lg {
   width: 1.25rem;
   height: 1.25rem;
   font-size: 1.25rem;
 }
-.c-icon-sm {
+
+.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-sm {
   width: 0.875rem;
   height: 0.875rem;
   font-size: 0.875rem;
-}
-.c-icon-c-s,
-.c-icon-custom-size {
-  width: initial !important;
-  height: initial !important;
-}
+}