[Improvement] add active color for Badge、CouponList、ContactCard (#419)

2017-12-12 20:05:36 +08:00
parent 1fd157e9f4
commit c455301129
3 changed files with 22 additions and 3 deletions
@@ -5,13 +5,18 @@
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
+  user-select: none;
+  color: $gray-darker;
+  word-break: break-all;
  box-sizing: border-box;
  padding: 20px 12px 20px 9px;
-  color: $gray-darker;
  background-color: $background-color;
-  word-break: break-all;
  border-left: 3px solid transparent;

+  &:active {
+    background-color: $active-color;
+  }
+
  &:not(:last-child)::after {
    border-bottom-width: 1px;
  }
@@ -24,11 +29,15 @@
    font-weight: bold;
    color: $text-color;
    border-color: $red;
-    background-color: $white;

    &::after {
      border-right-width: 1px;
    }
+
+    &,
+    &:active {
+      background-color: $white;
+    }
  }

  &__info {