Подтвердить что ты не робот

SASS Переменная внутри строки

Привет всем Я новичок в SASS (поздно знаю) и играю с mixins.

В принципе, есть способ связать переменную со строкой, вот что я пытаюсь сделать, но она порождает ошибки. (Это сокращенная версия)

@mixin post-link ($class, $color, $hover) {
    a.$class:link {
        color: $color;
    }
    a.$class:hover {
        color: $hover;
    }
}

Ссылка Я говорю, что это немного проще, чем то, что я пытаюсь сделать в mixin (больше переменных в полном).

EDIT: должен добавить, что я использую Compass. благодаря

4b9b3361

Ответ 1

Да, вам просто нужно использовать переменную интерполяцию. Пример:

@mixin post-link ($class, $color, $hover) {
    a.#{$class}:link {
        color: $color;
    }
    a.#{$class}:hover {
        color: $hover;
    }
}

Пример по SassMeister: http://sassmeister.com/gist/9533103

Ключ добавляет #{ и } вокруг имен переменных, чтобы расширить их.