moris/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

svgの最適化

Browse source
This commit is contained in:
moris 2025-02-27 09:08:36 +09:00
parent 74dbb05d0a
commit cc787dbf01
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/Markdown.css
View file

@ -46,7 +46,7 @@
height: .5em; height: .5em;
margin-left: 2px; margin-left: 2px;
background-color: currentColor; background-color: currentColor;
mask-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path d="m52 480q-22 0-37-15t-15-37v-376q0-22 15-37t37-15h188v53h-187v374h374v-187h53v187q0 22-15 37t-37 15zm126-142l-37-37l248-248h-96v-53h187v187h-53v-96z"/></svg>'); mask-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 99 99" xmlns="http://www.w3.org/2000/svg"><path d="M10,99C5,99 0,94 0,89V10C0,5 5,0 10,0H50V10H10V89H89V50H99V89C99,94 94,99 89,99ZM37,70L30,63L80,10H60V0H99V39H89V19Z"/></svg>');
vertical-align: super; vertical-align: super;
} }

4
src/routes/(DefaultStyle)/post/[slug]/share.svelte
View file

@ -21,9 +21,9 @@
<div id="share"> <div id="share">
<button class="link js" type="button" on:click={copylink} aria-label="urlをコピー" title="copy url"> <button class="link js" type="button" on:click={copylink} aria-label="urlをコピー" title="copy url">
{#if copyed} {#if copyed}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m620-163-170-170 56-56 114 114 226-226 56 56zm220-397h-80v-200h-80v120h-400v-120h-80v560h240v80h-240c-44 0-80-35.6-80-80v-560c0-44 35.6-80 80-80h167c15-47.5 62.7-80 113-80 55.7 0 99.9 35 114 80h166c44 0 80 35.6 80 80zm-360-200c22.8 0 40-17.2 40-40 0-22.8-17.2-40-40-40-22.8 0-40 17.2-40 40 0 22.8 17.2 40 40 40z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 108"><path d="m69.5 94.5l-20-20l6-6l14 14l25-25l6 6zM94.5 49h-9v-22h-9v14h-45v-14h-9v63h27v9h-27c-5 0-9-4-9-9v-63c0-5 4-9 9-9h19c1-5 6-9 12.5-9c6.5 0 11.5 4 12.5 9h19c5 0 9 4 9 9zm-40.5-22c2.5 0 4.5-2 4.5-4.5s-2-4.5-4.5-4.5s-4.5 2-4.5 4.5s2 4.5 4.5 4.5z"/></svg>
{:else} {:else}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m200-120c-44 0-80-35.6-80-80v-560c0-44 35.6-80 80-80h167c15-47.5 62.7-80 113-80 55.7 0 100 35 114 80h166c44 0 80 35.6 80 80v560c0 44-35.6 80-80 80zm0-80h560v-560h-80v120h-400v-120h-80zm280-560c22.8 0 40-17.2 40-40 0-22.8-17.2-40-40-40-22.8 0-40 17.2-40 40 0 22.8 17.2 40 40 40z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 108"><path d="m22.5 99c-5 0-9-4-9-9v-63c0-5 4-9 9-9h19c1-5 6-9 12.5-9c6.5 0 11.5 4 12.5 9h19c5 0 9 4 9 9 v63c0 5-4 9-9 9zm0-9h63v-63h-9v14h-45v-14h-9zM54 27c2.5 0 4.5-2 4.5-4.5s-2-4.5-4.5-4.5s-4.5 2-4.5 4.5s2 4.5 4.5 4.5"/></svg>
{/if} {/if}
</button> </button>
<div class="misskey"> <div class="misskey">