msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

Fixes

Browse Source
pull/8454/head
Puru Vijay 3 years ago
parent fa9a58cb47
commit d55d9aceaa
6 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File

26
sites/svelte.dev/src/routes/+page.svelte
Unescape View File

@ -23,31 +23,33 @@
<Blurb --background="var(--sk-back-1)"> <Blurb --background="var(--sk-back-1)">
<div slot="one"> <div slot="one">
<h2>Write less code</h2> <h2>compiled</h2>
<p> <p>
Build boilerplate-free components using languages you already know — HTML, CSS and JavaScript Svelte shifts as much work as possible out of the browser and into your build step. No more
manual optimisations — just faster, more efficient apps.
</p> </p>
<a href="/blog/write-less-code" class="cta">learn more</a> <!-- <a href="/blog/write-less-code" class="cta">learn more</a> -->
</div> </div>
<div slot="two"> <div slot="two">
<h2>No virtual DOM</h2> <h2>compact</h2>
<p> <p>
Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays Write breathtakingly concise components using languages you already know — HTML, CSS and
fast JavaScript. Oh, and your application bundles will be tiny as well.
</p> </p>
<a href="/blog/virtual-dom-is-pure-overhead" class="cta">learn more</a> <!-- <a href="/blog/virtual-dom-is-pure-overhead" class="cta">learn more</a> -->
</div> </div>
<div slot="three"> <div slot="three">
<h2>Truly reactive</h2> <h2>complete</h2>
<p> <p>
No more complex state management libraries — Svelte brings reactivity to JavaScript itself Built-in scoped styling, state management, motion primitives, form bindings and more — don't
waste time trawling npm for the bare essentials. It's all here.
</p> </p>
<a href="/blog/svelte-3-rethinking-reactivity" class="cta">learn more</a> <!-- <a href="/blog/svelte-3-rethinking-reactivity" class="cta">learn more</a> -->
</div> </div>
</Blurb> </Blurb>
@ -87,4 +89,8 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
display: block; display: block;
} }
p {
font-size: var(--sk-text-m);
}
</style> </style>

4
sites/svelte.dev/src/routes/_components/Demo.svelte
Unescape View File

@ -31,8 +31,8 @@
let selected = examples[0]; let selected = examples[0];
</script> </script>
<Section --background="var(--sk-back-5)"> <Section --background="var(--sk-back-2)">
<h3>Why Svelte?</h3> <h3>why Svelte?</h3>
<div class="container"> <div class="container">
<div class="controls"> <div class="controls">

7
sites/svelte.dev/src/routes/_components/WhosUsingSvelte/companies.js
Unescape View File

@ -8,10 +8,10 @@ export const companies = [
}, },
{ {
href: 'https://www.alaskaair.com/', href: 'https://www.alaskaair.com/',
style: 'background-color: black', // style: 'background-color: black',
filename: 'alaskaairlines.svg', filename: 'alaskaairlines.svg',
alt: 'Alaska Airlines logo', alt: 'Alaska Airlines logo',
invert: true, // invert: true,
width: 113, width: 113,
height: 48 height: 48
}, },
@ -24,10 +24,9 @@ export const companies = [
}, },
{ {
href: 'https://chess.com', href: 'https://chess.com',
style: 'background-color: black',
filename: 'chess.svg', filename: 'chess.svg',
alt: 'Chess.com logo', alt: 'Chess.com logo',
invert: true,
width: 300, width: 300,
height: 85 height: 85
}, },

7
sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte
Unescape View File

@ -1,17 +1,14 @@
<script> <script>
import Section from '../Section.svelte'; import Section from '../Section.svelte';
import { companies } from './companies.js'; import { companies } from './companies.js';
// @ts-ignore Why is theme not found by the extension, its right there 🤔
import { theme } from '@sveltejs/site-kit/components'; import { theme } from '@sveltejs/site-kit/components';
$: console.log($theme);
const sorted = companies.sort((a, b) => (a.alt < b.alt ? -1 : 1)); const sorted = companies.sort((a, b) => (a.alt < b.alt ? -1 : 1));
</script> </script>
<Section --background={$theme.current === 'light' ? 'var(--sk-back-4)' : '#444'}> <Section --background={$theme.current === 'light' ? 'var(--sk-back-4)' : '#222'}>
<section class="whos-using-svelte-container" class:dark={$theme.current === 'dark'}> <section class="whos-using-svelte-container" class:dark={$theme.current === 'dark'}>
<h3>Who's using Svelte?</h3> <h3>who's using svelte?</h3>
<div class="logos"> <div class="logos">
{#each sorted as { href, filename, alt, style, invert, width, height }} {#each sorted as { href, filename, alt, style, invert, width, height }}
<a target="_blank" rel="noreferrer" {href} class:invert style={style || ''}> <a target="_blank" rel="noreferrer" {href} class:invert style={style || ''}>

2
sites/svelte.dev/static/whos-using-svelte/alaskaairlines.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
sites/svelte.dev/static/whos-using-svelte/chess.svg
Unescape View File

@ -1 +1 @@
<svg viewBox="0 0 109 31" xmlns="http://www.w3.org/2000/svg"><path d="M19.2 25.6c-1.5-.4-2.9-1.3-4-2.4-1.9-2.1-2.9-4.9-2.7-7.7-.1-2.1.5-4.2 1.5-6L13 9a4.96 4.96 0 1 0-6.9-1.2c.3.5.7.9 1.2 1.2-.7.4-2.5 1.4-3 1.7-.1.1-.1.3-.1.3 0 .7.2 1.4.5 2 1 .2 2 .3 2.9.3-.2 2.3-.5 4.7-.9 7-.4 1.3-4.6 1.5-5.3 3.1-.1.3-.2.6-.2.9 0 .4.1.8.4 1.2.1.1-1.5.5-1.5 2-.1.5.2 1.1.6 1.5.9.6 1.9 1.1 3 1.4 2.1.5 4.2.7 6.3.7s4.3-.2 6.4-.7c1.1-.2 2.1-.7 3-1.4.4-.4.7-1 .7-1.6 0-.7-.3-1.4-.9-1.8z" fill="#4e7838"/><path d="M8.4 27.9c-1.4-.2-5.9-.9-7-2.5-.4.2-.7.4-1 .8 0 1.7 5.5 2.5 8 2.2.9-.1.5-.4 0-.5zm1.7-13c-.4-.2-2.6-1-2.6-1-.2 2.1-.5 4.2-.8 6.2-.4 1.3-4.6 1.5-5.3 3.1-.3.8 1.3 1.8 5.1 1.8 3.6 0 4-4.9 4.6-8.7.1-.7-.6-1.2-1-1.4zm1.9-4.2c-.7-.6-1.5-1.2-2.3-1.7 2.3-.6 3.9-2.7 3.8-5 0-3-1.9-4-3.3-4h-.1C7.4.1 5.2 2.4 5.3 5.2c.1 1.5.8 2.9 2 3.8-.7.4-2.5 1.4-3 1.7-.1.1-.1.3-.1.3 0 .7.2 1.4.5 2 1.7.3 3.4.4 5.1.4h1.8c.3 0 .5-1.9.5-2.3 0-.1 0-.3-.1-.4z" fill="#6c9d40"/><path d="M9.3 1.2c2.2.3-1 2.8-2 2.7s0-3 2-2.7zm13.1 22.9c-2.2.1-4.3-.7-5.9-2.2a9 9 0 0 1-2.2-6.3c-.1-2.3.7-4.5 2.2-6.3C18 7.7 20.2 6.9 22.4 7c.6 0 1.2 0 1.8.1l1.5.3c.4.1.9.3 1.3.5s.8.4 1.1.5v3.9h-.4l-.8-.6c-.3-.3-.7-.5-1-.7-.4-.2-.8-.4-1.3-.6a4.15 4.15 0 0 0-3.1 0c-.5.2-1 .6-1.4 1-.5.5-.8 1.1-1.1 1.7-.3.8-.4 1.7-.4 2.5 0 .9.1 1.8.4 2.6.2.6.6 1.2 1.1 1.7a4.2 4.2 0 0 0 3 1.2c.5 0 1.1-.1 1.6-.3.4-.2.9-.4 1.2-.6.4-.2.7-.4 1-.7l.7-.6h.4v3.9l-1 .5c-.4.2-.8.3-1.2.5-.5.2-1 .3-1.5.4-.6-.1-1.2-.1-1.9-.1zm19.3-.3h-3.9v-6.2c0-.5 0-1-.1-1.5 0-.4-.1-.7-.2-1.1a.9.9 0 0 0-.6-.6c-.3-.1-.7-.2-1-.2s-.7.1-1 .2c-.4.1-.7.3-1 .6v8.8H30V6.9h4v5.8c.6-.5 1.2-.9 1.8-1.3.6-.3 1.3-.5 2-.4 1.1-.1 2.2.4 2.9 1.2.7 1 1.1 2.2 1 3.5zm9.1.3c-1.9.1-3.9-.5-5.4-1.7-1.3-1.2-2-3-1.9-4.8-.1-1.8.5-3.5 1.8-4.9 1.3-1.3 3.1-1.9 4.9-1.8 1.6-.1 3.1.4 4.3 1.5 1 1.2 1.5 2.8 1.4 4.4v1.4h-8.5c0 .5.1 1 .4 1.5.2.4.5.7.8.9.4.2.7.4 1.2.5s1 .2 1.5.1c.4 0 .9-.1 1.3-.1.4-.1.8-.2 1.2-.4.3-.1.6-.3.9-.5.2-.1.4-.3.7-.4h.4V23l-.9.4-1.1.3-1.3.3c-.6.1-1.2.1-1.7.1zm1.3-8.2c0-.7-.2-1.4-.6-1.9s-1-.7-1.7-.6c-.7 0-1.3.2-1.8.7-.4.5-.7 1.2-.7 1.9zm9.9 8.2c-.9 0-1.7-.1-2.6-.3-.7-.2-1.4-.4-2-.7v-3.3h.3l.6.5c.3.2.6.4 1 .5.4.2.8.3 1.2.4.5.1 1 .2 1.5.2s1-.1 1.4-.2.6-.4.6-.8c0-.3-.1-.5-.3-.7-.3-.2-.7-.3-1.1-.4-.3-.1-.7-.1-1.1-.2l-1.2-.3c-.8-.2-1.6-.7-2.2-1.3-.5-.7-.8-1.5-.7-2.3 0-.5.1-1.1.4-1.6s.7-1 1.1-1.3c.5-.4 1.2-.7 1.8-.9a9.86 9.86 0 0 1 4.8 0c.6.1 1.3.3 1.8.6v3H67c-.2-.1-.4-.3-.6-.4-.3-.2-.6-.3-.8-.4-.4-.2-.7-.3-1.1-.4s-.8-.1-1.2-.1c-.5 0-1 .1-1.4.3-.3.1-.6.4-.6.8 0 .3.1.5.3.7.4.2.8.4 1.2.5.3.1.7.2 1.1.2l1.2.3c.8.2 1.5.7 2 1.3s.8 1.4.7 2.2c0 .6-.1 1.1-.4 1.7-.3.5-.7 1-1.2 1.3-.6.4-1.2.7-1.9.9-.6.1-1.4.2-2.3.2zm11.9 0c-.9 0-1.7-.1-2.6-.3-.7-.2-1.4-.4-2-.7v-3.3h.3l.6.5c.3.2.6.4 1 .5.4.2.8.3 1.2.4.5.1 1 .2 1.5.2s1-.1 1.4-.2.6-.4.6-.8c0-.3-.1-.5-.3-.7-.3-.2-.7-.3-1.1-.4-.3-.1-.7-.1-1.1-.2l-1.2-.3c-.8-.2-1.6-.7-2.2-1.3-.5-.7-.8-1.5-.7-2.3 0-.5.1-1.1.4-1.6s.7-1 1.1-1.3c.5-.4 1.2-.7 1.8-.9a9.86 9.86 0 0 1 4.8 0c.6.1 1.3.3 1.8.6v3h-.3c-.2-.1-.4-.3-.6-.4-.3-.2-.6-.3-.8-.4-.4-.2-.7-.3-1.1-.4s-.8-.1-1.2-.1c-.5 0-1 .1-1.4.3-.3.1-.6.4-.6.8 0 .3.1.5.3.7.4.2.8.4 1.2.5.3.1.7.2 1.1.2l1.2.3c.8.2 1.5.7 2 1.3s.7 1.4.7 2.2c0 .6-.1 1.1-.4 1.7-.3.5-.7 1-1.2 1.3-.6.4-1.2.7-1.9.9-.6.1-1.4.2-2.3.2zm7.7-.4H81c-.3 0-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h.6c.3 0 .5.2.5.5v1c.1.3-.2.5-.5.5zm5 .2c-.5 0-1-.1-1.5-.2-.4-.2-.8-.4-1.2-.8-.3-.4-.6-.8-.8-1.3a5.66 5.66 0 0 1 0-3.6c.2-.5.4-.9.7-1.3.3-.3.7-.6 1.2-.7.5-.2 1-.3 1.5-.3.4 0 .8.1 1.2.2s.7.2 1.1.4v1.5h-.1c-.1-.1-.2-.2-.4-.3s-.4-.2-.5-.3c-.2-.1-.4-.2-.7-.2-.2-.1-.5-.1-.7-.1-.6 0-1.3.3-1.7.8-.5.6-.7 1.4-.6 2.2 0 .8.2 1.5.6 2.2.4.5 1 .8 1.7.8.4 0 .9-.1 1.2-.3.4-.2.7-.4 1-.7h.1v1.5l-.5.2c-.2.1-.4.1-.5.2l-.6.1zm10.2-4.1c.1 1.1-.3 2.2-1 3-.6.7-1.6 1.1-2.5 1.1-1 0-1.9-.4-2.6-1.1-.7-.9-1-1.9-.9-3-.1-1.1.3-2.2 1-3a3.6 3.6 0 0 1 5-.1l.1.1c.6.9 1 2 .9 3zm-1.4 0c.1-.8-.1-1.6-.6-2.2-.7-.9-2.1-1-2.9-.2l-.2.2c-.4.7-.6 1.5-.6 2.2-.1.8.1 1.6.6 2.2.7.9 2 1 2.9.3l.3-.3c.4-.6.6-1.4.5-2.2zm11.5 4.1v-5.6c0-.3-.1-.5-.2-.7s-.2-.3-.4-.4-.5-.2-.7-.1c-.3 0-.6.1-.9.2-.4.2-.7.5-1 .8v6h-1.4v-5.7c0-.3-.1-.5-.2-.7s-.2-.3-.4-.4-.5-.1-.8-.1-.6.1-.9.3-.7.4-.9.7v6h-1.4v-8h1.4v.9c.3-.3.7-.6 1.1-.9.3-.2.7-.3 1.2-.3.4 0 .9.1 1.3.3s.7.6.8 1.1c.3-.4.8-.7 1.2-1 .4-.2.8-.4 1.3-.4.3 0 .6.1.9.2s.5.3.7.5c.2.3.4.6.5.9.1.4.2.9.2 1.4V24z" fill="#fff"/></svg> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 109 31"><g clip-path="url(#a)"><path fill="#4E7838" d="M19.2 25.6c-1.5-.4-2.9-1.3-4-2.4-1.9-2.1-2.9-4.9-2.7-7.7-.1-2.1.5-4.2 1.5-6L13 9a4.95967 4.95967 0 0 0 1.7767-2.2685 4.959 4.959 0 0 0 .2159-2.87337 4.96044 4.96044 0 0 0-1.4178-2.50851A4.96019 4.96019 0 0 0 11.0017.05259 4.95994 4.95994 0 0 0 5.96036 2.2873 4.95998 4.95998 0 0 0 6.1 7.8c.3.5.7.9 1.2 1.2-.7.4-2.5 1.4-3 1.7-.1.1-.1.3-.1.3 0 .7.2 1.4.5 2 1 .2 2 .3 2.9.3-.2 2.3-.5 4.7-.9 7-.4 1.3-4.6 1.5-5.3 3.1-.1.3-.2.6-.2.9 0 .4.1.8.4 1.2.1.1-1.5.5-1.5 2-.1.5.2 1.1.6 1.5.9.6 1.9 1.1 3 1.4 2.1.5 4.2.7 6.3.7 2.1 0 4.3-.2 6.4-.7 1.1-.2 2.1-.7 3-1.4.4-.4.7-1 .7-1.6 0-.7-.3-1.4-.9-1.8Z"/><path fill="#6C9D40" d="M8.4 27.9c-1.4-.2-5.9-.9-7-2.5-.4.2-.7.4-1 .8 0 1.7 5.5 2.5 8 2.2.9-.1.5-.4 0-.5Zm1.7-13c-.4-.2-2.6-1-2.6-1-.2 2.1-.5 4.2-.8 6.2-.4 1.3-4.6 1.5-5.3 3.1-.3.8 1.3 1.8 5.1 1.8 3.6 0 4-4.9 4.6-8.7.1-.7-.6-1.2-1-1.4Zm1.9-4.2c-.7-.6-1.5-1.2-2.3-1.7 2.3-.6 3.9-2.7 3.8-5 0-3-1.9-4-3.3-4h-.1C7.4.1 5.2 2.4 5.3 5.2c.1 1.5.8 2.9 2 3.8-.7.4-2.5 1.4-3 1.7-.1.1-.1.3-.1.3 0 .7.2 1.4.5 2 1.7.3 3.4.4 5.1.4h1.8c.3 0 .5-1.9.5-2.3 0-.1 0-.3-.1-.4Z"/><path fill="#000" d="M9.3 1.2c2.2.3-1 2.8-2 2.7-1-.1 0-3 2-2.7Zm13.1 22.9c-2.2.1-4.3-.7-5.9-2.2-1.5135-1.7405-2.301-3.9957-2.2-6.3-.1-2.3.7-4.5 2.2-6.3C18 7.7 20.2 6.9 22.4 7c.6 0 1.2 0 1.8.1l1.5.3c.4.1.9.3 1.3.5s.8.4 1.1.5v3.9h-.4l-.8-.6c-.3-.3-.7-.5-1-.7-.4-.2-.8-.4-1.3-.6a4.15003 4.15003 0 0 0-3.1 0c-.5.2-1 .6-1.4 1-.5.5-.8 1.1-1.1 1.7-.3.8-.4 1.7-.4 2.5 0 .9.1 1.8.4 2.6.2.6.6 1.2 1.1 1.7.3961.3882.8651.6941 1.38.9.5149.206 1.0655.3079 1.62.3.5 0 1.1-.1 1.6-.3.4-.2.9-.4 1.2-.6.4-.2.7-.4 1-.7l.7-.6h.4v3.9l-1 .5c-.4.2-.8.3-1.2.5-.5.2-1 .3-1.5.4-.6-.1-1.2-.1-1.9-.1Zm19.3-.3h-3.9v-6.2c0-.5 0-1-.1-1.5 0-.4-.1-.7-.2-1.1a.89974.89974 0 0 0-.2249-.3751A.89974.89974 0 0 0 36.9 14.4c-.3-.1-.7-.2-1-.2-.3 0-.7.1-1 .2-.4.1-.7.3-1 .6v8.8H30V6.9h4v5.8c.6-.5 1.2-.9 1.8-1.3.6-.3 1.3-.5 2-.4 1.1-.1 2.2.4 2.9 1.2.7 1 1.1 2.2 1 3.5v8.1Zm9.1.3c-1.9.1-3.9-.5-5.4-1.7-1.3-1.2-2-3-1.9-4.8-.1-1.8.5-3.5 1.8-4.9 1.3-1.3 3.1-1.9 4.9-1.8 1.6-.1 3.1.4 4.3 1.5 1 1.2 1.5 2.8 1.4 4.4v1.4h-8.5c0 .5.1 1 .4 1.5.2.4.5.7.8.9.4.2.7.4 1.2.5.5.1 1 .2 1.5.1.4 0 .9-.1 1.3-.1.4-.1.8-.2 1.2-.4.3-.1.6-.3.9-.5.2-.1.4-.3.7-.4h.4V23l-.9.4-1.1.3-1.3.3c-.6.1-1.2.1-1.7.1Zm1.3-8.2c0-.7-.2-1.4-.6-1.9-.4-.5-1-.7-1.7-.6-.7 0-1.3.2-1.8.7-.4.5-.7 1.2-.7 1.9l4.8-.1Zm9.9 8.2c-.9 0-1.7-.1-2.6-.3-.7-.2-1.4-.4-2-.7v-3.3h.3l.6.5c.3.2.6.4 1 .5.4.2.8.3 1.2.4.5.1 1 .2 1.5.2s1-.1 1.4-.2c.4-.1.6-.4.6-.8 0-.3-.1-.5-.3-.7-.3-.2-.7-.3-1.1-.4-.3-.1-.7-.1-1.1-.2l-1.2-.3c-.8-.2-1.6-.7-2.2-1.3-.5-.7-.8-1.5-.7-2.3 0-.5.1-1.1.4-1.6.3-.5.7-1 1.1-1.3.5-.4 1.2-.7 1.8-.9a9.85996 9.85996 0 0 1 4.8 0c.6.1 1.3.3 1.8.6v3H67c-.2-.1-.4-.3-.6-.4-.3-.2-.6-.3-.8-.4-.4-.2-.7-.3-1.1-.4-.4-.1-.8-.1-1.2-.1-.5 0-1 .1-1.4.3-.3.1-.6.4-.6.8 0 .3.1.5.3.7.4.2.8.4 1.2.5.3.1.7.2 1.1.2l1.2.3c.8.2 1.5.7 2 1.3.5.6.8 1.4.7 2.2 0 .6-.1 1.1-.4 1.7-.3.5-.7 1-1.2 1.3-.6.4-1.2.7-1.9.9-.6.1-1.4.2-2.3.2Zm11.9 0c-.9 0-1.7-.1-2.6-.3-.7-.2-1.4-.4-2-.7v-3.3h.3l.6.5c.3.2.6.4 1 .5.4.2.8.3 1.2.4.5.1 1 .2 1.5.2s1-.1 1.4-.2c.4-.1.6-.4.6-.8 0-.3-.1-.5-.3-.7-.3-.2-.7-.3-1.1-.4-.3-.1-.7-.1-1.1-.2l-1.2-.3c-.8-.2-1.6-.7-2.2-1.3-.5-.7-.8-1.5-.7-2.3 0-.5.1-1.1.4-1.6.3-.5.7-1 1.1-1.3.5-.4 1.2-.7 1.8-.9a9.85996 9.85996 0 0 1 4.8 0c.6.1 1.3.3 1.8.6v3h-.3c-.2-.1-.4-.3-.6-.4-.3-.2-.6-.3-.8-.4-.4-.2-.7-.3-1.1-.4-.4-.1-.8-.1-1.2-.1-.5 0-1 .1-1.4.3-.3.1-.6.4-.6.8 0 .3.1.5.3.7.4.2.8.4 1.2.5.3.1.7.2 1.1.2l1.2.3c.8.2 1.5.7 2 1.3.5.6.7 1.4.7 2.2 0 .6-.1 1.1-.4 1.7-.3.5-.7 1-1.2 1.3-.6.4-1.2.7-1.9.9-.6.1-1.4.2-2.3.2Zm7.7-.4H81c-.3 0-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h.6c.3 0 .5.2.5.5v1c.1.3-.2.5-.5.5Zm5 .2c-.5 0-1-.1-1.5-.2-.4-.2-.8-.4-1.2-.8-.3-.4-.6-.8-.8-1.3a5.65994 5.65994 0 0 1 0-3.6c.2-.5.4-.9.7-1.3.3-.3.7-.6 1.2-.7.5-.2 1-.3 1.5-.3.4 0 .8.1 1.2.2.4.1.7.2 1.1.4v1.5h-.1c-.1-.1-.2-.2-.4-.3-.2-.1-.4-.2-.5-.3-.2-.1-.4-.2-.7-.2-.2-.1-.5-.1-.7-.1-.6 0-1.3.3-1.7.8-.5.6-.7 1.4-.6 2.2 0 .8.2 1.5.6 2.2.4.5 1 .8 1.7.8.4 0 .9-.1 1.2-.3.4-.2.7-.4 1-.7h.1v1.5l-.5.2c-.2.1-.4.1-.5.2l-.6.1h-.5Zm10.2-4.1c.1 1.1-.3 2.2-1 3-.6.7-1.6 1.1-2.5 1.1-1 0-1.9-.4-2.6-1.1-.7-.9-1-1.9-.9-3-.1-1.1.3-2.2 1-3a3.5997 3.5997 0 0 1 2.4798-1.0599A3.59998 3.59998 0 0 1 95.8 16.7l.1.1c.6.9 1 2 .9 3Zm-1.4 0c.1-.8-.1-1.6-.6-2.2-.7-.9-2.1-1-2.9-.2l-.2.2c-.4.7-.6 1.5-.6 2.2-.1.8.1 1.6.6 2.2.7.9 2 1 2.9.3l.3-.3c.4-.6.6-1.4.5-2.2Zm11.5 4.1v-5.6c0-.3-.1-.5-.2-.7-.1-.2-.2-.3-.4-.4-.2-.1-.5-.2-.7-.1-.3 0-.6.1-.9.2-.4.2-.7.5-1 .8v6h-1.4v-5.7c0-.3-.1-.5-.2-.7-.1-.2-.2-.3-.4-.4-.2-.1-.5-.1-.8-.1-.3 0-.6.1-.9.3-.3.2-.7.4-.9.7v6h-1.4v-8h1.4v.9c.3-.3.7-.6 1.1-.9.3-.2.7-.3 1.2-.3.4 0 .9.1 1.3.3.4.2.7.6.8 1.1.3-.4.8-.7 1.2-1 .4-.2.8-.4 1.3-.4.3 0 .6.1.9.2.3.1.5.3.7.5.2.3.4.6.5.9.1.4.2.9.2 1.4V24l-1.4-.1Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h109v31H0z"/></clipPath></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Write Preview
Loading…
Cancel
Save