updated readme

Author: marcograhl

README.md

@@ -1,14 +1,12 @@
 # svelte-starter-postcss
 
-A starter for building Svelte web apps, with PostCSS supported.
+A starter for building Svelte web apps with tailwindcss.
 
 ## Getting Started
 
-Install using [degit](https://github.com/Rich-Harris/degit):
 
 ```bash
-npx degit github:noprodev/svelte-starter-postcss your-project-folder
-cd your-project-folder
+git clone marcograhl/tailwindcss-svelte-starter
 ```
 
 Then, install the dependencies:
@@ -17,30 +15,7 @@ Then, install the dependencies:
 npm install
 ```
 
-## Use PostCSS in Your Svelte Project
-
-- [postcss-preset-env](https://preset-env.cssdb.org/), [PostCSS color-mod() Function](https://github.com/jonathantneal/postcss-color-mod-function) and [cssnano](https://cssnano.co/) are enabled already.
-- Add plugins as required (use <code>postcss.config.js</code>).
-- You can use PostCSS in your static stylesheets AND Svelte components!
-
-```HTML
-<!-- App.svelte -->
-<style>
-main {
-    width: 35em;
-    margin: 1.5em auto;
-    /* Nesting */
-    & > h1 {
-        /* Color manipulation */
-        color: color-mod(#0000ff shade(20%));
-    }
-}
-</style>
-
-<main>
-   <h1>Hello World!</h1>
-</main>
-```
+Use Tailwindcss (https://tailwindcss.com/)
 
 ## Building and Developing
 

dist/components.css.map

@@ -286,7 +286,7 @@
     const file = "src/Button.svelte";
 
     function create_fragment(ctx) {
-    	var button, t0, t1, t2, t3_value = ctx.clicks === 1 ? 'time' : 'times', t3, dispose;
+    	var button, t0, t1, t2, t3_value = ctx.clicks === 1 ? 'time' : 'times', t3, t4, p, dispose;
 
     	return {
     		c: function create() {
@@ -295,8 +295,12 @@
     			t1 = text(ctx.clicks);
     			t2 = space();
     			t3 = text(t3_value);
+    			t4 = space();
+    			p = element("p");
+    			p.textContent = "hi";
     			button.className = "color space border-none bg-blue-700 hover:bg-blue-400  rounded svelte-folwfl";
     			add_location(button, file, 6, 0, 140);
+    			add_location(p, file, 11, 0, 310);
     			dispose = listen(button, "click", ctx.handleClick);
     		},
 
@@ -310,6 +314,8 @@
     			append(button, t1);
     			append(button, t2);
     			append(button, t3);
+    			insert(target, t4, anchor);
+    			insert(target, p, anchor);
     		},
 
     		p: function update(changed, ctx) {
@@ -328,6 +334,8 @@
     		d: function destroy(detaching) {
     			if (detaching) {
     				detach(button);
+    				detach(t4);
+    				detach(p);
     			}
 
     			dispose();

dist/main.js

@@ -16,3 +16,4 @@
   on:click={handleClick}>
   Clicked {clicks} {clicks === 1 ? 'time' : 'times'}
 </button>
+<p> hi</p>