ilya_bayk13
Постоялец
- Регистрация
- 19 Июл 2016
- Сообщения
- 52
- Реакции
- 17
- Автор темы
- #1
Здравствуйте, начал пробовать себя в верстке.
Знакомый с форума сказал, что Material Design стоит выделки. Начал верстку, столкнулся с проблемой:
не имею понятия как сменить цветовую схему элементов.
На Для просмотра ссылки Войдиили Зарегистрируйся увидел picker цветов, но пишу через Для просмотра ссылки Войди или Зарегистрируйся
В файле bootstrap-material-design.css есть строки, в которых идет упоминание о цветах и запуске какого-то скрипта.
На данный момент вся страница выглядит так:
Хотелось бы поиграться с цветами, найти что-то подходящее для себя.
Знакомый с форума сказал, что Material Design стоит выделки. Начал верстку, столкнулся с проблемой:
не имею понятия как сменить цветовую схему элементов.
На Для просмотра ссылки Войди
В файле bootstrap-material-design.css есть строки, в которых идет упоминание о цветах и запуске какого-то скрипта.
HTML:
/*
To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette
Then, run this script to get the list.
(function() {
var colors = {}, main = {};
$(".color-group").each(function() {
var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
colors[color] = {};
$(this).find(".color").not(".main-color").each(function() {
var shade = $(this).find(".shade").text().trim(),
hex = $(this).find(".hex").text().trim();
colors[color][shade] = hex;
});
main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();
});
var LESS = "";
$.each(colors, function(name, shades) {
LESS += "\n\n";
$.each(shades, function(shade, hex) {
LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
});
if (main[name]) {
LESS += "@" + name + ": " + main[name] + ";\n";
}
});
console.log(LESS);
})();
На данный момент вся страница выглядит так:
Хотелось бы поиграться с цветами, найти что-то подходящее для себя.