2015-11-05 17:25:02 +03:00
|
|
|
/*
|
|
|
|
|
|
|
|
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);
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
|
|
*/
|
2015-03-09 19:10:44 +03:00
|
|
|
@font-face {
|
|
|
|
font-family: 'RobotoDraft';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
2015-11-05 17:25:02 +03:00
|
|
|
src: local('RobotoDraft'), local('RobotoDraft-Regular'), local('Roboto-Regular'), url('../fonts/RobotoDraftRegular.woff2') format('woff2'), url('../fonts/RobotoDraftRegular.woff') format('woff');
|
2015-03-09 19:10:44 +03:00
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'RobotoDraft';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 500;
|
2015-11-05 17:25:02 +03:00
|
|
|
src: local('RobotoDraft Medium'), local('RobotoDraft-Medium'), local('Roboto-Medium'), url('../fonts/RobotoDraftMedium.woff2') format('woff2'), url('../fonts/RobotoDraftMedium.woff') format('woff');
|
2015-03-09 19:10:44 +03:00
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'RobotoDraft';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
2015-11-05 17:25:02 +03:00
|
|
|
src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), local('Roboto-Bold'), url('../fonts/RobotoDraftBold.woff2') format('woff2'), url('../fonts/RobotoDraftBold.woff') format('woff');
|
2015-03-09 19:10:44 +03:00
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: 'RobotoDraft';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 400;
|
2015-11-05 17:25:02 +03:00
|
|
|
src: local('RobotoDraft Italic'), local('RobotoDraft-Italic'), local('Roboto-Italic'), url('../fonts/RobotoDraftItalic.woff2') format('woff2'), url('../fonts/RobotoDraftItalic.woff') format('woff');
|
2015-03-09 19:10:44 +03:00
|
|
|
}
|
2015-03-17 20:08:03 +03:00
|
|
|
/*# sourceMappingURL=roboto.css.map */
|