code: function(raw) {
        var css = { };
        var lookups = 'left top right bottom width height x y min-width min-height max-width max-height';
  
        angular.forEach(raw, function(value,key) {
          if (angular.isUndefined(value)) return;
  
          if (lookups.indexOf(key) >= 0) {
            css[key] = value + 'px';
          } else {
            switch (key) {
              case 'transition':
                convertToVendor(key, $mdConstant.CSS.TRANSITION, value);
                break;
              case 'transform':
                convertToVendor(key, $mdConstant.CSS.TRANSFORM, value);
                break;
              case 'transformOrigin':
                convertToVendor(key, $mdConstant.CSS.TRANSFORM_ORIGIN, value);
                break;
              case 'font-size':
                css['font-size'] = value; // font sizes aren't always in px
                break;
            }
          }
        });
  
        return css;
  
        function convertToVendor(key, vendor, value) {
          angular.forEach(vendor.split(' '), function (key) {
            css[key] = value;
          });
        }
      }
docs: Enhance raw values to represent valid css stylings...