global.less don't need to wrap with :global

src/global.less

@@ -1,35 +1,33 @@
-:global {
+html,
-  html,
+body,
-  body,
+#root {
-  #root {
+  height: 100%;
-    height: 100%;
+}
-  }
 
-  .colorWeak {
+.colorWeak {
-    filter: invert(80%);
+  filter: invert(80%);
-  }
+}
 
-  .ant-layout {
+.ant-layout {
-    min-height: 100vh;
+  min-height: 100vh;
-  }
+}
 
-  canvas {
+canvas {
-    display: block;
+  display: block;
-  }
+}
 
-  body {
+body {
-    text-rendering: optimizeLegibility;
+  text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  -moz-osx-font-smoothing: grayscale;
-  }
+}
 
-  .globalSpin {
+.globalSpin {
-    width: 100%;
+  width: 100%;
-    margin: 40px 0 !important;
+  margin: 40px 0 !important;
-  }
+}
 
-  // temp fix for https://github.com/ant-design/ant-design/commit/a1fafb5b727b62cb0be29ce6e9eca8f579d4f8b7
+// temp fix for https://github.com/ant-design/ant-design/commit/a1fafb5b727b62cb0be29ce6e9eca8f579d4f8b7
-  .ant-spin-container {
+.ant-spin-container {
-    overflow: visible !important;
+  overflow: visible !important;
-  }
 }