2

SCSS/SASS のカスタム関数を積み重ねました。カスタム関数のコードがあります:

require 'sass'

module Sass::Script::Functions
  def s3_path(path)
    assert_type path, :String
    image_url("#{APP_CONFIG[:system][:s3_host]}/#{path.gsub(/^([\/]+)/, '')}".gsub(/(["]+)/, ''))
  end

  declare :reverse, :args => [:string]
end

cssで呼び出しがあります:

ul li a span{
    background: s3_path('email_new/menu.png') no-repeat;
}

そして、出力があります

.menu ul li a span {
    background: url('https://***DOMAIN***/"email_new/menu.png"') no-repeat;
}

しかし、予想されるバリアントは

.menu ul li a span {
    background: url('https://***DOMAIN***/email_new/menu.png') no-repeat;
}

コンパイルされた css に余分な引用符が表示されます。だから私はgsub運がなかったのでそれを試みました。scss がこれらの引用符を文字列に追加するのはなぜですか? そして、それらを削除する方法は?前もって感謝します。

4

1 に答える 1