adjust icon svg align

ant-design · Sep 14, 2018 · 0698c8217327224611d4be5fcfd149a355f1c08d · 0698c82
1 parent 26c3ea4
commit 0698c8217327224611d4be5fcfd149a355f1c08d
Unified Split

Showing with 2 additions and 6 deletions.

+2 −2 components/style/mixins/iconfont.less

+0 −4 site/theme/static/demo.less
diff --git a/components/style/mixins/iconfont.less b/components/style/mixins/iconfont.less
@@ -4,13 +4,13 @@
  vertical-align: -0.125em; // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
  text-align: center;
  text-transform: none;
-  line-height: 1;
+  line-height: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  svg {
-    display: block;
+    display: inline-block;
  }

  &:before {
diff --git a/site/theme/static/demo.less b/site/theme/static/demo.less
@@ -193,10 +193,6 @@
    border-radius: 20px;
    opacity: 0;

-    svg {
-      display: inline-block;
-    }
-
    &:hover {
      color: @site-text-color-secondary;
      transform: scale(1.2);