Как разрешить динамический CSS для нескольких клиентов
У меня есть ситуация, когда я хочу предоставить клиентам область, в которой они могут настраивать цвета шрифтов, размеры, акцентные цвета и некоторые другие настройки помимо наших текущих статических тем. У кого-нибудь есть опыт этого? Сейчас я играю с SCSS, чтобы посмотреть, поможет ли это мне выполнить работу, но похоже, что «переменные» CSS могут быть более полезными, поскольку я могу впоследствии использовать Javascript для замены «переменных» данными, которые я получаю от нашего база данных. Каким будет лучшее решение, позволяющее данным, полученным из базы данных, создавать / редактировать динамическую таблицу стилей? Спасибо вам за помощь.
Я прочитаю это через мгновение, а тем временем я обновил вопрос, включив в него ... актуальный вопрос. Спасибо!
Я сделал именно это, заставив сервер сгенерировать таблицу стилей в формате простого CSS на основе предпочтений пользователя. Поскольку серверная технология обычно может отвечать на любой запрос, я помещаю <link rel = "stylesheet" type = "text/css" href = "/app/css/user.css"> на страницы, а не в фактический файл user.css, я сопоставил /app/css/user.css с серверным процессом, который отправил ответ text/css с динамически сгенерированным таблица стилей. (Я тоже кешировал, но это уже другая история)
Если спросить о лучшем решении, скорее всего, вы получите ответы, основанные на мнении, что выходит за рамки правил сообщества. Я рекомендую вам прочитать страницу и улучшить этот вопрос, прежде чем он будет отклонен.
Для этого отлично подходит использование пользовательских переменных css, вы можете ссылаться на переменные внутри вашего общего файла css и определять их в html в теге style в зависимости от конфигурации пользователя, и ваш файл css будет иметь к ним доступ.
Я чувствую, что вопрос формулируется, но я не смог найти его здесь ... Пожалуйста, прочтите нашу страницу Как спросить, чтобы узнать, как улучшить этот вопрос