style(ripple): renamed variable to accurately represent its contents

Author: robertmesserle

src/core/services/ripple/ripple.js

@@ -90,23 +90,22 @@ function InkRippleService($window, $timeout) {
       var containerWidth = rippleContainer.prop('offsetWidth'),
           containerHeight = rippleContainer.prop('offsetHeight'),
           multiplier = element.hasClass('md-fab') ? 1.1 : 0.8,
-          diagonalWidth = Math.max(containerWidth, containerHeight) * multiplier;
+          rippleWidth = Math.max(containerWidth, containerHeight) * multiplier;
 
       if (contentParent) {
         top += contentParent.$element.prop('scrollTop');
       }
 
       var css = {
         backgroundColor: $window.getComputedStyle(rippleEl[0]).color ||  $window.getComputedStyle(node).color,
-        width: diagonalWidth + 'px',
-        height: diagonalWidth + 'px',
-        marginLeft: (diagonalWidth * -0.5) + 'px',
-        marginTop: (diagonalWidth * -0.5) + 'px'
+        width: rippleWidth + 'px',
+        height: rippleWidth + 'px',
+        marginLeft: (rippleWidth * -0.5) + 'px',
+        marginTop: (rippleWidth * -0.5) + 'px'
       };
 
       if (options.center) {
-        css.left = '50%';
-        css.top = '50%';
+        css.left = css.top = '50%';
       } else if (positionsAreAbsolute) {
         var elementRect = node.getBoundingClientRect();
         left -= elementRect.left;