style(AcitonBar): add @action-bar-icon-background-color less var (#8474)

2021-04-08 10:14:34 +08:00
parent 3214b1dd80
commit 2a90cdbd71
4 changed files with 33 additions and 31 deletions
@@ -10,7 +10,7 @@
  font-size: @action-bar-icon-font-size;
  line-height: 1;
  text-align: center;
-  background-color: @white;
+  background-color: @action-bar-icon-background-color;
  cursor: pointer;

  &:active {
@@ -18,8 +18,7 @@
  }

  &__icon {
-    width: 1em;
-    margin: 0 auto 5px;
+    margin: 0 auto @padding-base;
    color: @action-bar-icon-color;
    font-size: @action-bar-icon-size;
  }
@@ -7,3 +7,4 @@
@action-bar-icon-font-size: @font-size-xs;
@action-bar-icon-active-color: @active-color;
@action-bar-icon-text-color: @gray-7;
+@action-bar-icon-background-color: @white;