Projects/cardmaker
Archived
0
0
Fork 0
Code Issues Pull Requests Releases Activity

Turn colored SVGS into siluettes

Browse Source
This commit is contained in:
Peder Bergebakken Sundt
2017-10-17 18:48:23 +02:00
parent dfb21c3c46
commit dcd89b391c
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/cards/card.css
+10 -1
View File
@@ -84,7 +84,16 @@ article figure img{
margin: auto auto; margin: auto auto;
} }
article figure img.svg{ 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 .mdi,
article figure .fa, article figure .fa,
resources/cards/card.vm
+1
View File
@@ -24,6 +24,7 @@
#elseif($card.figure_source == "svg") #elseif($card.figure_source == "svg")
<!--/cards/svg--> <!--/cards/svg-->
<img class="svg" src="/svg/${escape_html($card.figure)}.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 #end
</figure> </figure>
#if($card.effects) #if($card.effects)
resources/cards/svg.css
+1 -1
View File
@@ -34,7 +34,7 @@ img {
margin: 0 auto; margin: 0 auto;
/*filter: invert(1) opacity(0.8);*/ /*filter: invert(1) opacity(0.8);*/
filter: opacity(0.8); filter: brightness(0) opacity(0.8);
} }
body >h1, body >h1,