Sass Troubleshooting

compass.rb

# /config/compass.rb
# This configuration file works with both the Compass command line tool and within Rails.
# Require any additional compass plugins here.
project_type = :rails
project_path = Compass::AppIntegration::Rails.root
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "public/stylesheets"
sass_dir = "app/stylesheets"
environment = Compass::AppIntegration::Rails.env
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

rendered_screen.css

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import "style" ;;
@import "fonts" ;;
@import "tip-blue" ;;

screen.sass

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

//@import "compass/reset";

@import "style";
@import "fonts";
@import "tip-blue";

style.sass

@charset "utf-8"

/* THIS ALL USED TO BE PROCESSED AS SASS

body
  font-family: Helvetica, Arial, sans-serif
  font-size: 12px
  text-align: center
  color: #474747
  background: #fff
  position: relative

/*======= Common Styles ============

*
  margin: 0
  padding: 0

img, fieldset
  border: 0

.hide
  display: none
  visibility: hidden

a
  text-decoration: none
  outline: none
  color: #7f3700
  &:hover
    text-decoration: underline

ul
  list-style: none

h2
  font-size: 30px
  line-height: 40px
  color: #352a20
  font-family: 'BelloScript', "bello Script", Arial, Helvetica, sans-serif
  font-weight: normal

h3
  font-family: 'HelveticaNeueLTRegular', "Helvetica Neue LT", Arial, Helvetica, sans-serif
/* IT GOES ON */