screen.css

The css file used by octopress blog with the default theme is called screen.css, which locates in source/stylesheets/screen.css.

screen.scss

The screen.scss file, which locates in sass/screen.scss, is used to generate the above css file.

```scss screen.scss @import "compass"; @include global-reset; @include reset-html5;

@import "custom/colors"; @import "custom/fonts"; @import "custom/layout"; @import "base"; @import "partials"; @import "custom/styles"; ```

In the first line, compass, which is an open-source CSS Authoring Framework, is imported.

Reference

• http://octopress.org/docs/theme/template/
• http://octopress.org/docs/theme/styles/
• http://en.wikipedia.org/wiki/Sass_%28stylesheet_language%29
• http://sass-lang.com/tutorial.html
• http://compass-style.org/reference/compass/reset/utilities/