Compass Banners
Compass Banners provides mixins for standard web banners.
Installation
From the command line:
sudo gem install compass-banners
Add to a project (rails: compass.rb, other: config.rb):
require 'compass-banners'
Or create a new project:
compass create my_project -r compass-banners
Banner Mixins
| Name | Mixin | Dimensions (px) | Aspect Ratio |
|---|---|---|---|
| Rectangles & Pop-Ups | |||
| Rectangle | +rectangle |
180x150 | 1.2 |
| Medium Rectangle | +medium-rectangle |
300x250 | 1.2 |
| Vertical Rectangle | +vertical-rectangle |
240x400 | 1.67 |
| Large Rectangle | +large-rectangle |
336x280 | 1.2 |
| 3:1 Rectangle | +three-one-rectangle |
300x100 | 3 |
| Square Pop-Up | +square-pop-up |
250x250 | 1 |
| Pop-Under | +pop-under |
720x300 | 2.4 |
| Banners & Buttons | |||
| Full Banner | +full-banner |
468x60 | 7.8 |
| Half Banner | +half-banner |
234x60 | 3.9 |
| Vertical Banner | +vertical-banner |
120x240 | 2 |
| Micro Bar | +micro-bar |
88x31 | 2.84 |
| Button 1 | +button-one |
120x90 | 1.33 |
| Button 2 | +button-two |
120x60 | 2 |
| Square Button | +square-button |
125x125 | 1 |
| Leaderboard | +leaderboard |
728x90 | 8.09 |
| Skyscrapers | |||
| Skyscraper | +skyscraper |
120x600 | 5 |
| Wide Skyscraper | +wide-skyscraper |
160x600 | 3.75 |
| Half Page Ad | +half-page-ad |
300x600 | 2 |