Change slider button

related #64
CYPIAPT-LNDSE · Mar 16, 2017 · 4a67473 · 4a67473
1 parent 10ceeaf
commit 4a67473
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 16 deletions.
diff --git a/scss/_friends.scss b/scss/_friends.scss
@@ -65,20 +65,25 @@
     width: 65px;
     position:relative;
     margin-top: -31px;
-    background-image: url(../assets/slider-button.svg);
-    background-size: contain;
-    background-repeat: no-repeat;
+    background: {
+      image: url(../assets/slider-button.svg);
+      size: contain;
+      repeat: no-repeat;
+    }
+
   }
 }
 
-.friends__emoji-sprite{
-  background-image: url("../assets/emoji-sprite.svg");
-  background-repeat: no-repeat;
-  background-position: -360px;
-  background-size: 900px;
+.friends__emoji-sprite {
+  background: {
+    image: url("../assets/emoji-sprite.svg");
+    repeat: no-repeat;
+    position: -360px;
+    size: 900px;
+  }
   height: 175px;
   width: 175px;
-  margin-left: 195px;
+  margin: auto;
 }
 
 span {

diff --git a/scss/_school.scss b/scss/_school.scss
@@ -40,20 +40,20 @@
 
   &::-webkit-slider-thumb {
     -webkit-appearance: none;
-    height: 50px;
-    width: 50px;
+    height: 40px;
+    width: 40px;
     position:relative;
-    margin-top: -15px;
+    margin-top: -20px;
     background: {
-      image: url(../assets/range-buttons.svg);
+      image: url(../assets/slider-button.svg);
       size: contain;
       repeat: no-repeat;
     }
 
     @media screen and (min-width: 768px) {
-       width: 150px;
-       height: 150px;
-       margin-top: -47.4px;
+       width: 65px;
+       height: 65px;
+       margin-top: -31px;
      }
   }
 }