Public Pastes
SHARE
TWEET

Untitled

a guest Jan 6th, 2016 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <md-card flex="none" style="width:250px;" class="md-whiteframe-8dp list-card" layout-padding ng-repeat="list in lists">
  2.       <md-card-header>
  3.         <md-card-header-text>
  4.           <span class="md-title">{{list.name}}</span>
  5.           <span class="md-subhead">15 Items in this list</span>
  6.         </md-card-header-text>
  7.       </md-card-header>
  8.      
  9.       <!-- 1 item -->
  10.       <md-card-content layout="row" ng-show="list.items.length == 1">
  11.         <div flex="100" style="background-image: url('{{list.items[0].backgroundImage}}');" class="cardImg"></div>
  12.       </md-card-content>
  13.  
  14.       <!-- 2 items -->
  15.       <md-card-content layout="row" ng-show="list.items.length == 2">
  16.         <div flex="100" style="background-image: url('{{list.items[0].backgroundImage}}');" class="cardImg"></div>
  17.         <div flex="100" style="background-image: url('{{list.items[1].backgroundImage}}');" class="cardImg"></div>
  18.       </md-card-content>
  19.      
  20.       <!-- 3 items -->
  21.       <md-card-content layout="row" ng-show="list.items.length == 3">
  22.         <div flex="50" style="background-image: url('{{list.items[0].backgroundImage}}');" class="cardImg"></div>
  23.         <div flex="50" layout="column">
  24.           <div flex="100" style="background-image: url('{{list.items[1].backgroundImage}}');" class="cardImg"></div>
  25.           <div flex="100" style="background-image: url('{{list.items[2].backgroundImage}}');" class="cardImg"></div>
  26.         </div>
  27.       </md-card-content>
  28.      
  29.       <!-- 4 items -->
  30.       <md-card-content layout="row" ng-show="list.items.length > 3">
  31.         <div flex="50" layout="column">
  32.           <div flex="100" style="background-image: url('{{list.items[0].backgroundImage}}');" class="cardImg"></div>
  33.           <div flex="100" style="background-image: url('{{list.items[1].backgroundImage}}');" class="cardImg"></div>
  34.         </div>
  35.         <div flex="50" layout="column">
  36.           <div flex="100" style="background-image: url('{{list.items[2].backgroundImage}}');" class="cardImg"></div>
  37.           <div flex="100" style="background-image: url('{{list.items[3].backgroundImage}}');" class="cardImg"></div>
  38.         </div>
  39.       </md-card-content>
  40.     </md-card>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top