Init user-defined classes feature (#36)

Author: PPP01

src/SvelteToast.svelte

@@ -32,7 +32,7 @@ const getCss = (theme) => Object.keys(theme).reduce((a, c) => `${a}${c}:${theme[
 
 <ul class="_toastContainer">
   {#each items as item (item.id)}
-    <li in:fly={item.intro} out:fade animate:flip={{ duration: 200 }} style={getCss(item.theme)}>
+    <li class={item.classes.length ? item.classes.join(' ') : ''} in:fly={item.intro} out:fade animate:flip={{ duration: 200 }} style={getCss(item.theme)}>
       <ToastItem {item} />
     </li>
   {/each}

src/stores.js

@@ -8,7 +8,8 @@ const defaults = {
   dismissable: true,
   reversed: false,
   intro: { x: 256 },
-  theme: {}
+  theme: {},
+  classes: []
 }
 
 const createToast = () => {