Compare commits
18 Commits
Author | SHA1 | Date |
---|---|---|
Skylar Ittner | 7f2e7a8caf | 6 years ago |
Skylar Ittner | 65b8d67832 | 6 years ago |
Skylar Ittner | 02bba5be19 | 6 years ago |
Skylar Ittner | 557a7956b2 | 6 years ago |
Skylar Ittner | a21a5ffb2f | 6 years ago |
Skylar Ittner | 0817678127 | 6 years ago |
Skylar Ittner | 206232ba39 | 7 years ago |
Skylar Ittner | 639192478e | 7 years ago |
Skylar Ittner | 8c98f168a7 | 7 years ago |
Skylar Ittner | ae03686b60 | 7 years ago |
Skylar Ittner | ee21ff9ec8 | 7 years ago |
Skylar Ittner | 5e464c5ae7 | 7 years ago |
Skylar Ittner | f3bfb10154 | 7 years ago |
Skylar Ittner | f0011221dc | 7 years ago |
Skylar Ittner | 0a7753c1bf | 7 years ago |
Skylar Ittner | 928139a345 | 7 years ago |
Skylar Ittner | 250ad30a1a | 7 years ago |
Skylar Ittner | 726fd2ca25 | 7 years ago |
@ -1,5 +1,5 @@
|
||||
MIT License
|
||||
Copyright (c) <year> <copyright holders>
|
||||
# MIT License
|
||||
Copyright (c) 2017 Netsyms Technologies
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
@ -1,3 +1,9 @@
|
||||
# Material-Color
|
||||
|
||||
Additional color classes for Bootstrap 3. Based on the [Material Design palette](https://material.io/guidelines/style/color.html#color-color-palette).
|
||||
Additional color classes for Bootstrap 4. Based on the [Material Design palette](https://material.io/guidelines/style/color.html#color-color-palette).
|
||||
|
||||
## Notes:
|
||||
* Link this CSS after you link to Bootstrap.css.
|
||||
* Use the included color classes instead of .btn-primary, .alert-danger, etc.
|
||||
* Navbars need .navbar-dark or .navbar-light to appear properly, choose according to your colors.
|
||||
* We recommend using [Bootswatch Materia](https://bootswatch.com/materia/) (a material design Bootstrap theme) with this stylesheet.
|
||||
|
@ -0,0 +1,136 @@
|
||||
<?php
|
||||
$use_variables = false;
|
||||
|
||||
$classes = [
|
||||
"alert" => ["background-color" => "m", "color" => "t!"],
|
||||
"alert .alert-link" => ["color" => "t!"],
|
||||
"alert .alert-heading" => ["color" => "t!"],
|
||||
"badge" => ["background-color" => "m", "color" => "t"],
|
||||
"btn" => ["background-color" => "m", "color" => "t"],
|
||||
"bg" => ["background-color" => "m"],
|
||||
"list-group-item" => ["background-color" => "m", "color" => "t"],
|
||||
"border" => ["border-color" => "m", "border-width" => "1px"],
|
||||
"text" => ["color" => "m"]
|
||||
];
|
||||
|
||||
$colors = [
|
||||
"red" => "#f44336",
|
||||
"pink" => "#e91e63",
|
||||
"purple" => "#9c27b0",
|
||||
"deep-purple" => "#673ab7",
|
||||
"indigo" => "#3f51b5",
|
||||
"blue" => "#2196f3",
|
||||
"light-blue" => "#03a9f4",
|
||||
"cyan" => "#00bcd4",
|
||||
"teal" => "#009688",
|
||||
"green" => "#4caf50",
|
||||
"light-green" => "#8bc34a",
|
||||
"lime" => "#cddc39",
|
||||
"yellow" => "#ffeb3b",
|
||||
"amber" => "#ffc107",
|
||||
"orange" => "#ff9800",
|
||||
"deep-orange" => "#ff5722",
|
||||
"brown" => "#795548",
|
||||
"grey" => "#9e9e9e",
|
||||
"blue-grey" => "#607d8b"
|
||||
];
|
||||
|
||||
$texts = [
|
||||
"red" => "white",
|
||||
"pink" => "white",
|
||||
"purple" => "white",
|
||||
"deep-purple" => "white",
|
||||
"indigo" => "white",
|
||||
"blue" => "white",
|
||||
"light-blue" => "black",
|
||||
"cyan" => "black",
|
||||
"teal" => "white",
|
||||
"green" => "white",
|
||||
"light-green" => "black",
|
||||
"lime" => "black",
|
||||
"yellow" => "black",
|
||||
"amber" => "black",
|
||||
"orange" => "black",
|
||||
"deep-orange" => "white",
|
||||
"brown" => "white",
|
||||
"grey" => "black",
|
||||
"blue-grey" => "white"
|
||||
];
|
||||
|
||||
|
||||
/* License header */
|
||||
$year = date('Y');
|
||||
echo <<<END
|
||||
/* Material-Color.css
|
||||
* Copyright (c) $year Netsyms Technologies
|
||||
* MIT License
|
||||
* https://source.netsyms.com/Netsyms/Material-Color
|
||||
*/
|
||||
|
||||
END;
|
||||
|
||||
/* Make CSS variables */
|
||||
if ($use_variables) {
|
||||
echo ":root {\n";
|
||||
foreach ($colors as $k => $v) {
|
||||
if (strpos($k, "text-") !== FALSE) {
|
||||
continue;
|
||||
}
|
||||
echo "\t--material-color-$k: $v;\n";
|
||||
}
|
||||
echo "}\n\n";
|
||||
}
|
||||
|
||||
/* The fun bit */
|
||||
foreach ($classes as $c => $props) {
|
||||
foreach ($colors as $k => $v) {
|
||||
$t = $texts[$k];
|
||||
// Save a few bytes
|
||||
if ($t == "white") {
|
||||
$t = "#fff";
|
||||
} else if ($t == "black") {
|
||||
$t = "#000";
|
||||
}
|
||||
|
||||
// Color setup
|
||||
if ($use_variables) {
|
||||
$m = "var(--material-color-$k)";
|
||||
} else {
|
||||
$m = $v;
|
||||
}
|
||||
|
||||
// Class
|
||||
if (strpos($c, " ") !== FALSE) {
|
||||
$classes = explode(" ", $c);
|
||||
foreach ($classes as $cl) {
|
||||
if (strpos($cl, ".") === 0) {
|
||||
echo "$cl ";
|
||||
} else {
|
||||
echo ".$cl-$k ";
|
||||
}
|
||||
}
|
||||
echo "{\n";
|
||||
} else {
|
||||
echo ".$c-$k {\n";
|
||||
}
|
||||
|
||||
foreach ($props as $prop => $val) {
|
||||
echo "\t$prop: ";
|
||||
if (strpos($val, "m") === 0) {
|
||||
echo $m;
|
||||
} else if (strpos($val, "t") === 0) {
|
||||
echo $t;
|
||||
} else {
|
||||
echo $val;
|
||||
}
|
||||
if (strpos($val, "!") === 1) {
|
||||
echo " !important";
|
||||
}
|
||||
echo ";\n";
|
||||
}
|
||||
|
||||
// Finish it off
|
||||
echo "}\n";
|
||||
}
|
||||
}
|
||||
?>
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,6 @@
|
||||
#!/bin/bash
|
||||
command -v yui-compressor >/dev/null 2>&1 || { echo >&2 "Please install yui-compressor and try again."; exit 1; }
|
||||
echo "Compressing CSS..."
|
||||
echo "$(head -n 5 material-color.css)" > material-color.min.css
|
||||
echo "$(yui-compressor material-color.css)" >> material-color.min.css
|
||||
echo "Done."
|
Loading…
Reference in New Issue