removed dependency on transform for halfway fabs

Dogfalo · Mar 17, 2017 · f4693a9 · f4693a9
1 parent 6321a78
commit f4693a9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/bin/materialize.css b/bin/materialize.css
@@ -5133,16 +5133,18 @@ small {
   height: 56px;
 }
 
+.btn-floating.btn-large.halfway-fab {
+  bottom: -28px;
+}
+
 .btn-floating.btn-large i {
   line-height: 56px;
 }
 
 .btn-floating.halfway-fab {
   position: absolute;
   right: 24px;
-  bottom: 0;
-  -webkit-transform: translateY(50%);
-          transform: translateY(50%);
+  bottom: -20px;
 }
 
 .btn-floating.halfway-fab.left {

diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
diff --git a/sass/components/_buttons.scss b/sass/components/_buttons.scss
@@ -89,6 +89,10 @@
   }
 
   &.btn-large {
+    &.halfway-fab {
+      bottom: -$button-floating-large-size / 2;
+    }
+
     width: $button-floating-large-size;
     height: $button-floating-large-size;
     i {
@@ -104,8 +108,7 @@
 
     position: absolute;
     right: 24px;
-    bottom: 0;
-    transform: translateY(50%);
+    bottom: -$button-floating-size / 2;
   }
 
   display: inline-block;