Merge pull request #10311 from nextcloud/bugfix/8702/ie11-icon-white

Add icon-black-white mixin to automatically generate icon classes
nextcloud · Jul 20, 2018 · 52ec71c · 52ec71c
2 parents 700aafb + 7b8ee27
commit 52ec71c
Show file tree

Hide file tree

Showing 2 changed files with 105 additions and 285 deletions.
diff --git a/core/css/functions.scss b/core/css/functions.scss
@@ -45,4 +45,18 @@
 		#{$varName}: url('#{$webroot}/svg/#{$dir}/#{$icon}/#{$color}?v=#{$version}');
 	}
 	background-image: var(#{$varName});
+}
+
+/**
+ * Create black and white icons
+ * This will add a default black version of and an additional white version when .icon-white is applied
+ */
+@mixin icon-black-white($icon, $dir, $version, $core: false) {
+	.icon-#{$icon} {
+		@include icon-color($icon, $dir, $color-black, $version, $core);
+	}
+	.icon-#{$icon}-white,
+	.icon-#{$icon}.icon-white {
+		@include icon-color($icon, $dir, $color-white, $version, $core);
+	}
 }