Статический путь изображения в sass

Менее вы всегда можете это сделать. Вы создаете переменную для пути к изображению, и вы можете вставить путь изображения в фоновый url. Как я могу сделать это в SASS?

@static-path:           "../../static";
background: url("@{static-path}/img/bg-header.jpg") repeat-x left bottom;
0
nl ja de

1 ответы

В SASS мы определяем переменные с $.

Поэтому определите переменную, называемую path $ img_path: "../../ static"; .

Затем используйте что-то, называемое интерполяцией ( sass docs ):

background: url ("# {static-path} /img/bg-header.jpg") repeat-x left bottom;

Когда вы используете COMPASS в своем проекте, вы можете использовать image-url() вместо url (), который захватывает путь изображения из конфигурационного файла COMPASS.

2
добавлено