Skip to content

Instantly share code, notes, and snippets.

@shyambhiogade

shyambhiogade/Angular Material Design Grid Flex.markdown

Created July 31, 2015 22:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save shyambhiogade/eefec5ad364842a6c694 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save shyambhiogade/eefec5ad364842a6c694 to your computer and use it in GitHub Desktop.
Download ZIP
Angular Material Design Grid Flex
Raw
Angular Material Design Grid Flex.markdown
Raw
index.html
<div class="header">Flex Attribute</div>
<div layout="row" class="parent">
<div flex>
[flex]
</div>
<div flex>
[flex]
</div>
<div flex hide-sm>
[flex]
</div>
</div>
Raw
scripts
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-messages.min.js"></script>
<script src="http://cdn.rawgit.com/angular/bower-material/v0.10.0/angular-material.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/assets-cache.js"></script>
Raw
style.css
.parent{
height:50px;
background-color: yellow;
}
.header{
height:50px;
background-color: green;
}
Raw
styles
<link href="http://cdn.rawgit.com/angular/bower-material/v0.10.0/angular-material.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment