Browse files

Update configuration to match the initial output from compass v0.10.

  • Loading branch information...
1 parent 4ef0d81 commit 17174d4319a0142c85fe7080b025eb4387cd9d91 @chriseppstein committed Dec 28, 2009
View
15 app/stylesheets/ie.sass
@@ -1,3 +1,16 @@
@import blueprint.sass
-+blueprint-ie
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint-ie
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body.bp
+ +blueprint-ie(true)
+ // Note: Blueprint centers text to fix IE6 container centering.
+ // This means all your texts will be centered under all version of IE by default.
+ // If your container does not have the .container class, don't forget to restore
+ // the correct behavior to your main container (but not the body tag!)
+ // Example:
+ // .my-container
+ // text-align: left
+
View
11 app/stylesheets/partials/_base.sass
@@ -0,0 +1,11 @@
+// Here is where you can define your constants for your application and to configure the blueprint framework.
+// Feel free to delete these if you want keep the defaults:
+
+!blueprint_grid_columns = 24
+!blueprint_container_size = 950px
+!blueprint_grid_margin = 10px
+
+// Use this to calculate the width based on the total width.
+// Or you can set !blueprint_grid_width to a fixed value and unset !blueprint_container_size -- it will be calculated for you.
+!blueprint_grid_width = (!blueprint_container_size + !blueprint_grid_margin) / !blueprint_grid_columns - !blueprint_grid_margin
+
View
7 app/stylesheets/print.sass
@@ -1,3 +1,8 @@
@import blueprint.sass
-+blueprint-print
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint-print
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body.bp
+ +blueprint-print(true)
View
52 app/stylesheets/screen.sass
@@ -1,21 +1,41 @@
-@import blueprint.sass
-@import blueprint/modules/scaffolding.sass
-@import compass/reset.sass, compass/utilities.sass
+// This import applies a global reset to any page that imports this stylesheet.
+@import blueprint/reset.sass
+// To configure blueprint, edit the partials/base.sass file.
+@import partials/base.sass
+// Import all the default blueprint modules so that we can access their mixins.
+@import blueprint
+// Import the non-default scaffolding module.
+@import blueprint/scaffolding.sass
-body
- +blueprint-typography
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint
+
+//Recommended Blueprint configuration with scoping and semantic layout:
++blueprint-scaffolding("body.bp")
+body.bp
+ +blueprint-typography(true)
+ +blueprint-utilities
+ +blueprint-debug
+ +blueprint-interaction
// Remove the scaffolding when you're ready to start doing visual design.
// Or leave it in if you're happy with how blueprint looks out-of-the-box
- +blueprint-scaffolding
+form.bp
+ +blueprint-form
+
+// Page layout can be done using mixins applied to your semantic classes and IDs:
+body.three-col
#container
+container
- &.posts
- ul#posts,
- .tools ul
- +no-bullets
- :margin 0
- ul#posts
- +column(24)
- li.post
- +column(24)
- :margin-top 1em
+ #header, #footer
+ +column(!blueprint_grid_columns)
+ #sidebar
+ // One third of the grid columns, rounding down. With 24 cols, this is 8.
+ !sidebar_columns = floor(!blueprint_grid_columns / 3)
+ +column(!sidebar_columns)
+ #content
+ // Two thirds of the grid columns, rounding up.
+ // With 24 cols, this is 16.
+ !content_columns = ceil(2 * !blueprint_grid_columns / 3)
+ // true means it's the last column in the row
+ +column(!content_columns, true)
+
View
10 config/compass.config
@@ -1,10 +0,0 @@
-# Require any additional compass plugins here.
-project_type = :rails
-project_path = RAILS_ROOT if defined?(RAILS_ROOT)
-css_dir = "public/stylesheets/compiled"
-sass_dir = "app/stylesheets"
-images_dir = "public/images"
-javascripts_dir = "public/javascripts"
-# To enable relative image paths using the images_url() function:
-# http_images_path = :relative
-http_images_path = "/images"
View
9 config/compass.rb
@@ -0,0 +1,9 @@
+# Require any additional compass plugins here.
+project_type = :rails
+project_path = RAILS_ROOT if defined?(RAILS_ROOT)
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "public/stylesheets/compiled"
+sass_dir = "app/stylesheets"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
View
2 config/environment.rb
@@ -5,7 +5,7 @@
# ENV['RAILS_ENV'] ||= 'production'
# Specifies gem version of Rails to use when vendor/rails is not present
-RAILS_GEM_VERSION = '2.3.2' unless defined? RAILS_GEM_VERSION
+RAILS_GEM_VERSION = '2.3.5' unless defined? RAILS_GEM_VERSION
# Bootstrap the Rails environment, frameworks, and default configuration
require File.join(File.dirname(__FILE__), 'boot')
View
12 config/initializers/compass.rb
@@ -1,8 +1,6 @@
require 'compass'
-# If you have any compass plugins, require them here.
-Compass.configuration do |config|
- config.project_path = RAILS_ROOT
- config.sass_dir = "app/stylesheets"
- config.css_dir = "public/stylesheets/compiled"
-end
-Compass.configure_sass_plugin!
+ # If you have any compass plugins, require them here.
+ Compass.configuration.parse(File.join(RAILS_ROOT, "config", "compass.rb"))
+ Compass.configuration.environment = RAILS_ENV.to_sym
+ Compass.configure_sass_plugin!
+

0 comments on commit 17174d4

Please sign in to comment.