Created
April 22, 2009 16:40
-
-
Save emk/99899 to your computer and use it in GitHub Desktop.
Compass and Sass make CSS easier
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>My blog</title> | |
| </head> | |
| <body> | |
| <div class='container'> | |
| <div class='header'> | |
| <h1>My blog</h1> | |
| </div> | |
| <div class='content'> | |
| <div class='article'> | |
| <h2>My newest post</h2> | |
| </div> | |
| </div> | |
| <div class='sidebar'> | |
| <p>This is a sidebar.</p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Using Sass, Compass and Compass's version of Blueprint. | |
| @import compass/reset.sass | |
| @import compass/utilities.sass | |
| @import blueprint/screen | |
| @import blueprint/modules/typography.sass | |
| # Optional: Customize the grid. | |
| !blueprint_grid_columns = 24 | |
| !blueprint_grid_width = 30px | |
| !blueprint_grid_margin = 10px | |
| +blueprint-typography | |
| .container | |
| +container | |
| .header | |
| +column(24, true) | |
| .content | |
| +column(18) | |
| .sidebar | |
| +column(6, true) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment