title: Alternate size of a box content using HTML/CSS in AngularJS
body: <p>currently i am using css to alternate colors in each day of a week appointment app, where i will be adding appointments. However, since space in the screen is necessary , i wanted to know if anyone can helpe me make each day of my calendar smaller when no content (appointment) exists. i tried ng-class if statements but no luck. <a href="https://i.stack.imgur.com/TIKQc.png" rel="nofollow noreferrer">this is what i have now</a></p>
  
  <pre><code> &lt;div ng-repeat="day in days" ng-class-odd="'mask'" ng-class-even="'day'" &gt;
  </code></pre>
  
  <p>the frist picture is what i have now, and the second is the sizing that i desired to accomplish when no content is in each day. </p>
  
  <p><a href="https://i.stack.imgur.com/isfk0.png" rel="nofollow noreferrer">desired prototype</a></p>