ruby on rails 3.1 - Cómo usar brújula con rieles 3.1

ruby-on-rails-3.1 compass-sass

Question

He buscado y buscado y todo lo que pude ver fue que usar brújula con rieles 3.1 era simplemente editar el Gemfile de la siguiente manera:

gem ''compass'', :git => ''https://github.com/chriseppstein/compass.git'', :branch => ''rails31''
gem ''sass-rails'', "~> 3.1.0.rc"

Sí, lo entiendo, pero ¿qué sigue? Cada tutorial que vi decía exactamente eso, usa ese cierto tenedor. Pero sigo teniendo problemas con el uso de brújula con rieles 3.1.

Hice esto:

$ compass init rails . --syntax sass
  directory ./app/stylesheets/ 
  create ./config/compass.rb 
  create ./app/stylesheets/screen.sass 
  create ./app/stylesheets/print.sass 
  create ./app/stylesheets/ie.sass

Y como 3.1 estaba usando activos ahora, acabo de transferir todos esos archivos a 3.1. Además, estoy usando el complemento Compass-960, entonces, ¿dónde lo necesito? Intenté agregar un compass.rb con require 960 y requerir html5-boilerplate y sigo recibiendo errores:

Error compiling asset application.css:
NoMethodError: undefined method `Error'' for Compass:Module
  (in /Users/eumir/rails_apps/kiseki/app/assets/stylesheets/screen.sass)

NoMethodError (undefined method `Error'' for Compass:Module
(in /Users/eumir/rails_apps/kiseki/app/assets/stylesheets/screen.sass)):

Traté de compilar la brújula y me dio esto:

$ compass compile Nada para compilar. Si intentas comenzar un nuevo proyecto, has dejado el argumento del directorio. Ejecuta "compass -h" para obtener ayuda.

Como dije, ya edité mi brújula.rb, así que todavía no estoy seguro de cómo hacerlo. ¿Alguna ayuda?

Answer 1

Las soluciones en las otras respuestas están en desuso con la última versión de Compass, v0.12, que requiere un adaptador para funcionar con una aplicación de rieles. El autor de Compass, Chris Eppstein, ha puesto las instrucciones de instalación en github:
https://github.com/compass/compass-rails

Este adaptador admite raíles versión 2.3 y superior

Answer 2

Peter Gumeson de los grupos de usuarios de la brújula me indicó una solución para esto:

https://groups.google.com/forum/#!msg/compass-users/mU5HBt8TCIg/2Rt7iSESTSAJ

Aquí está su mensaje:

Hola pandilla. Este problema de github podría ayudar. https://github.com/sporkd/compass-html5-boilerplate/issues/19

Estoy corriendo todo al límite en este momento. Entonces mi gemfile se ve así:

gem ''rails'',     :git => ''git://github.com/rails/rails.git''
gem ''sass-rails'', ''~> 3.1.0.rc2''
gem ''haml'', :git => ''git://github.com/nex3/haml.git''
gem ''haml-rails''
gem "compass", :git => "git://github.com/chriseppstein/compass.git", :tag => "0.12.alpha.0"
gem ''compass-html5'', :git => ''git://github.com/sporkd/compass-html5.git''

Estoy trabajando en los generadores de rieles en este momento, por lo que no debería estar muy lejos. Pero esto al menos debería hacerte avanzar.

Peter

* Se cambiaron las ramas según lo dicho por Choonkeat

Answer 3

Puede descargar el directorio de la brújula, volcarlo en el vendor/assets/stylesheets para que su estructura de directorio sea vendor/assets/stylesheets/compass Luego, desde su aplicación principal, las hojas de estilo incluyen la brújula mixins ass requerida @include compass/reset;

Answer 4

ACTUALIZACIÓN : ¡Parece que hay una mejor manera!
Fuente: http://spin.atomicobject.com/2011/07/12/sass-sprockets-compass-with-rails-3-1/

ACTUALIZACIÓN 2 ( 2 de diciembre de 2011): Chris Eppstein, creador de Compass publicó este Github Gist sobre cómo integrar Compass con Rails 3.1: https://gist.github.com/1184843

Ahora prefiero este método al mío, ya que noté una gran mejora de velocidad en el tiempo de compilación cuando uso la carga en vivo.

MI MÉTODO:
(Ahora lo considero obsoleto, pero tal vez pueda ser útil en algunos casos, así que aquí está para referencia :)

Primero, en su Gemfile, agregue:

gem "compass", "~> 0.12.alpha.0"

Y no te olvides de ejecutar un

bundle update

Luego, en config / application.rb:

config.generators.stylesheet_engine = :sass

Cambie el nombre de application.css.scss a application.css.sass, o créelo, y reemplace su contenido por:

@import compass
@import _blueprint

(Si desea conservar el nuevo código manifiesto de Rails 3.1 al comienzo de la hoja de estilo, deberá reemplazar los comentarios ''/ * * /'' por la versión sass-sintaxis ''//'' al principio de cada línea)

Ahora, para probar si las compuertas compás y blueprint funcionan, agregue algún código al mismo archivo application.css.sass:

@import compass
@import _blueprint
body
  background: black
  +linear-gradient(color-stops(white, black))
  +column(5)

Ejecute su servidor de rieles con

bundle exec rails server

Cargue su aplicación en un navegador y visite http://localhost:3000/assets/application.css

Si todo fue bien, deberías ver el código compilado.

Fuente:

http://blog.pixarea.com/2011/07/using-compass-blueprint-semantic-and-sass-syntax-in-rails-3-1/