Svg icon api sass function and upgrade of all styles

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

1 files changed, 43 insertions, 0 deletions

diff --git a/core/css/functions.scss b/core/css/functions.scss
new file mode 100644
index 00000000000..d7192ebe1ce
--- /dev/null
+++ b/core/css/functions.scss
@@ -0,0 +1,43 @@
+/**
+ * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com)
+ *
+ * @author John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+ 
+/**
+ * SVG COLOR API
+ * 
+ * @param string $icon the icon filename
+ * @param string $dir the icon folder within /core/img if $core or app name
+ * @param string $color the desired color in hexadecimal
+ * @param bool [$core] search icon in core
+ *
+ * @returns string the url to the svg api endpoint
+ */
+ @function icon-color($icon, $dir, $color, $core: false) {
+	// remove # from color
+	$index: str-index($color, '#');
+	@if $index {
+		$color: str-slice($color, 2);
+	}
+	@if $core {
+		@return url('#{$webroot}/svg/core/#{$dir}/#{$icon}/#{$color}?v=1');
+	}
+	@return url('#{$webroot}/svg/#{$dir}/#{$icon}/#{$color}?v=1');
+}
\ No newline at end of file