Milk+ea

Weblog Is My Hobby.

SinatraでCompassを使う

  1. viewsの中にSassファイルを入れるsassディレクトリを作成
  2. メインのrubyファイルにこんな感じなのを書く
c = Compass.configuration
c.project_path = File.dirname(__FILE__)
c.sass_dir = 'views/sass'

get '/css/:name.css' do
  sass :"sass/#{params[:name]}"
end

これでlink href="css/style.css"みたいにslimやhamlで書くとstyle.sassが読み込まれる。


もしSassファイルでWebフォントを読み込んでいる場合。

  1. viewsと同じディレクトリにpublicフォルダを作成
  2. publicの中にcssフォルダを作成
    get '/css/:name.css'にあるようにcssディレクトリにあるcssファイルを読み込むようになってるので。
  3. 後はWebフォントの読み込みPathと同じになるようcssディレクトリの中の適切な場所にフォントファイルを置く