angularjs and css.. - open to bidding

Project Description: Instructions 1. Using RWD (Responsive Web Design) techniques and the compass breakpoint mixin, show the sections vertically (one above the other) if the display is a handheld or tablet device, but side-by-side with equal widths for desktop user agents. 2. Using SASS write a cross browser gradient mixin and use it to apply different gradients to each section. 3. Use [login to view URL] as the image if the device viewing the page is a Retina display. 4. Set this page up as an Angular app. Manually initialize the app before the closing body tag. 5. Create an angular directive with an interactive element that makes a simple change to the the presentation. For example, click a button and change the background color. Load the directive template from $templateCache. Feel free to be creative or even silly. 6. * Bonus question: Create a factory and use it in your directive to calculate the area of the directive element. Display the result of the calculation. Skills required: Angular.js, CSS, Javascript, LESS/Sass/SCSS