[new feature] Slider: add button slot (#2373)

2018-12-25 21:43:26 +08:00
parent 728a0e26c5
commit 282d8ba27b
8 changed files with 175 additions and 26 deletions
@@ -12,24 +12,27 @@
  }

  &__button {
-    position: absolute;
-    top: 50%;
-    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: @white;
-    transform: translate3d(50%, -50%, 0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);

-    /* use pseudo element to expand touch area */
-    &::after {
-      content: '';
+    &-wrapper {
      position: absolute;
-      width: 200%;
-      height: 200%;
-      top: -50%;
-      left: -50%;
+      top: 50%;
+      right: 0;
+      transform: translate3d(50%, -50%, 0);
+
+      /* use pseudo element to expand touch area */
+      &::after {
+        content: '';
+        position: absolute;
+        width: 200%;
+        height: 200%;
+        top: -50%;
+        left: -50%;
+      }
    }
  }