Style Searchbar. Add basic fade animations for searchbar and navigation.

This commit is contained in:
Sam Lu
2018-08-06 00:14:10 -05:00
parent 0f5c409c04
commit f876961e1c
5 changed files with 67 additions and 37 deletions

View File

@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
<defs>
<polygon id="icon-close-button-a" points="14 1.41 12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7"/>
</defs>
<g fill="none" fill-rule="evenodd">
<mask id="icon-close-button-b" fill="#fff">
<use xlink:href="#icon-close-button-a"/>
</mask>
<g fill="#111" mask="url(#icon-close-button-b)">
<rect width="24" height="24" transform="translate(-5 -5)"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 574 B