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.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

@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/