@zohodesk/icons 1.3.14 → 1.4.0-exp-1

package/assets/react/zd-font-react-gamescope.module.css

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-react-gamescope";
-  src:
-    url('../fonts/zd-gamescope.woff2') format('woff2'),
-    
-    url('../fonts/zd-gamescope.woff') format('woff'),
-    url('../fonts/zd-gamescope.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-gamescope.woff2') format('woff2'),
+       url('../fonts/zd-gamescope.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,84 +10,35 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-react-gamescope" !important;}
+/* Define icon codes */
+.icon-circular-minus:before { content: "\a9000"; }
 
-.icon-circular-minus,.icon-game01,.icon-game02,.icon-game03,.icon-game04,.icon-game05,.icon-game07,.icon-game08,.icon-zdshield1,.icon-zdshield2,.icon-zdshield3,.icon-zdshield4{
-	font-family:"zdfonts-react-gamescope" !important;
-}
+.icon-game01 .path1:before { content: "\a9001";  color: rgb(165, 219, 175); }
+.icon-game01 .path2:before { content: "\a9002"; margin-left: -1.1875em; color: rgb(216, 216, 216); }
 
-.icon-circular-minus:before {
-  content: "\f800";
-}
-.icon-game01 .path1:before {
-  content: "\f801";
-  color: rgb(165, 219, 175);
-}
-.icon-game01 .path2:before {
-  content: "\f802";
-  margin-left: -1.1875em;
-  color: rgb(216, 216, 216);
-}
-.icon-game02 .path1:before {
-  content: "\f803";
-  color: rgb(216, 216, 216);
-}
-.icon-game02 .path2:before {
-  content: "\f804";
-  margin-left: -1.1875em;
-  color: rgb(240, 152, 152);
-}
-.icon-game03 .path1:before {
-  content: "\f805";
-  color: rgb(139, 210, 232);
-}
-.icon-game03 .path2:before {
-  content: "\f806";
-  margin-left: -1.1875em;
-  color: rgb(81, 81, 81);
-}
-.icon-game03 .path3:before {
-  content: "\f807";
-  margin-left: -1.1875em;
-  color: rgb(168, 226, 145);
-}
-.icon-game04:before {
-  content: "\f808";
-  color: #f29398;
-}
-.icon-game05:before {
-  content: "\f809";
-  color: #f29398;
-}
-.icon-game07:before {
-  content: "\f80a";
-  color: #c3c3c3;
-}
-.icon-game08:before {
-  content: "\f80b";
-  color: #8fcf9a;
-}
-.icon-zdshield1 .path1:before {
-  content: "\f80c";
-  color: rgb(34, 31, 31);
-}
-.icon-zdshield1 .path2:before {
-  content: "\f80d";
-  margin-left: -4.71875em;
-  color: rgb(64, 60, 60);
-}
-.icon-zdshield2:before {
-  content: "\f80e";
-}
-.icon-zdshield3:before {
-  content: "\f80f";
-}
-.icon-zdshield4 .path1:before {
-  content: "\f810";
-  color: rgb(186, 186, 186);
-}
-.icon-zdshield4 .path2:before {
-  content: "\f811";
-  margin-left: -0.875em;
-  color: rgb(175, 175, 175);
-}
+.icon-game02 .path1:before { content: "\a9003";  color: rgb(216, 216, 216); }
+.icon-game02 .path2:before { content: "\a9004"; margin-left: -1.1875em; color: rgb(240, 152, 152); }
+
+.icon-game03 .path1:before { content: "\a9005";  color: rgb(139, 210, 232); }
+.icon-game03 .path2:before { content: "\a9006"; margin-left: -1.1875em; color: rgb(81, 81, 81); }
+.icon-game03 .path3:before { content: "\a9007"; margin-left: -1.1875em; color: rgb(168, 226, 145); }
+
+.icon-game04:before { content: "\a9008"; color: rgb(242, 147, 152); }
+
+.icon-game05:before { content: "\a9009"; color: rgb(242, 147, 152); }
+
+.icon-game07:before { content: "\a900a"; color: rgb(195, 195, 195); }
+
+.icon-game08:before { content: "\a900b"; color: rgb(143, 207, 154); }
+
+.icon-zdshield1 .path1:before { content: "\a900c";  color: rgb(34, 31, 31); }
+.icon-zdshield1 .path2:before { content: "\a900d"; margin-left: -4.71875em; color: rgb(64, 60, 60); }
+
+.icon-zdshield2:before { content: "\a900e"; }
+
+.icon-zdshield3:before { content: "\a900f"; }
+
+.icon-zdshield4 .path1:before { content: "\a9010";  color: rgb(186, 186, 186); }
+.icon-zdshield4 .path2:before { content: "\a9011"; margin-left: -0.875em; color: rgb(175, 175, 175); }
 }