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

src/global.less

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