Динамически заданные переменные Sass в Foundation

Как вы динамически устанавливаете переменные Sass в Foundation? According to their docs, вы можете настроить таблицу с помощью нескольких переменных Sass в _settings.scss, давайте возьмем цвет фона, например. Теперь, если я хочу использовать два разных типа таблиц с разными цветами фона? Я новичок как в Фонде, так и в Sass, и эти переменные кажутся мне похожими на глобальные.Динамически заданные переменные Sass в Foundation

Я думаю, я мог бы создавать свои собственные переменные, такие как $dark-table-bg, но как бы мне заставить таблицу использовать эту переменную в моем html?

Чтобы уточнить: только вещь, которую я пытаюсь достичь, имеет две таблицы рядом друг с другом, с разными цветами.

источник

2014-10-14 Daniel Larsson

Непонятно, что представляет собой настоящая проблема. Sass можно использовать только для компиляции в CSS. Он никогда не сможет получить доступ к DOM. Он никогда не сможет получить доступ к чему-либо, что обслуживается клиентом. – cimmanon

Я понимаю, что мой вопрос может быть расплывчатым. Я просто пытаюсь понять, что означает zurb: «Таблицы можно легко настроить с помощью наших переменных Sass». Как вы говорите, изменения в _settings.scss будут скомпилированы в CSS, что поднимает мой вопрос о том, как использовать динамические значения для этих переменных. –

Фонд не предлагает никаких специальных конструкций для таблиц, которые бывают нескольких цветов. Если вы хотите иметь 2 разных стиля для таблиц, вы делаете это так же, как и с ванильным CSS.

table.with-alternate-colors { 
    th { 
     background: blue 
    } 

    // etc. 
}

Если вы хотите, чтобы увидеть все стили, которые Фонд относится к таблицам, так что вы знаете, что вам необходимо изменить, вы можете найти эту информацию по browsing their repo

Примечание: В то время как вы могли использовать что table mixin, я не рекомендую, если вы не меняли все о том, как стиль таблицы.

источник

2014-10-14 21:49:56 cimmanon

Я заработал Сасса, чтобы быть каким-то волшебным существом в моем сознании, спасибо, что помог мне сорвать это! –

Динамически заданные переменные Sass в Foundation

ответ

Смежные вопросы