function mdContentDirective($mdTheming) {
  return {
    restrict: 'E',
    controller: ['$scope', '$element', ContentController],
    link: function(scope, element) {
      element.addClass('_md');     // private md component indicator for styling

      $mdTheming(element);
      scope.$broadcast('$mdContentLoaded', element);

      iosScrollFix(element[0]);
    }
  };

  function ContentController($scope, $element) {
    this.$scope = $scope;
    this.$element = $element;
  }
}
@ngdoc directive
@name mdContent
@module material.components.content

@restrict E

@description

The `<md-content>` directive is a container element useful for scrollable content. It achieves
this by setting the CSS `overflow` property to `auto` so that content can properly scroll.

In general, `<md-content>` components are not designed to be nested inside one another. If
possible, it is better to make them siblings. This often results in a better user experience as
having nested scrollbars may confuse the user.

## Troubleshooting

In some cases, you may wish to apply the `md-no-momentum` class to ensure that Safari's
momentum scrolling is disabled. Momentum scrolling can cause flickering issues while scrolling
SVG icons and some other components.

Additionally, we now also offer the `md-no-flicker` class which can be applied to any element
and uses a Webkit-specific filter of `blur(0px)` that forces GPU rendering of all elements
inside (which eliminates the flicker on iOS devices).

_<b>Note:</b> Forcing an element to render on the GPU can have unintended side-effects, especially
related to the z-index of elements. Please use with caution and only on the elements needed._

@usage

Add the `[layout-padding]` attribute to make the content padded.

<hljs lang="html">
 <md-content layout-padding>
     Lorem ipsum dolor sit amet, ne quod novum mei.
 </md-content>
</hljs>