Turn colored SVGS into siluettes

2017-10-17 18:48:23 +02:00
parent dfb21c3c46
commit dcd89b391c
3 changed files with 12 additions and 2 deletions
@@ -84,7 +84,16 @@ article figure img{
    margin: auto auto;
 }
 article figure img.svg{
-    filter: invert(1) opacity(0.6);
+    filter: brightness(0) invert(1) opacity(0.6);
+}
+article figure div.svg {
+    display: block;
+    height: 97%;
+    width: 100%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    filter: brightness(0) invert(1) opacity(0.6);
 }
 article figure .mdi,
 article figure .fa,
@@ -24,6 +24,7 @@
        #elseif($card.figure_source == "svg")
            <!--/cards/svg-->
            <img class="svg" src="/svg/${escape_html($card.figure)}.svg">
+            <!--<div class="svg" style="background-image:url('/svg/${escape_html($card.figure)}.svg');"></div>-->
        #end
    </figure>
    #if($card.effects)
@@ -34,7 +34,7 @@ img {
    margin: 0 auto;
    
    /*filter: invert(1) opacity(0.8);*/
-    filter: opacity(0.8);
+    filter: brightness(0) opacity(0.8);
 }

 body >h1,