Breaking News: Grepper is joining You.com. Read the official announcement!

svelte tailwind

Somebody32x2 answered on February 20, 2022 Popularity 9/10 Helpfulness 7/10

answer svelte tailwind

related sveltekit tailwind

svelte tailwind

Comment

// Install Tailwind and dependencies 
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

// svelte.config.js
import adapter from '@sveltejs/adapter-auto';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
/** @type {import('@sveltejs/kit').Config} */
const config = {
  kit: {
    adapter: adapter()
  },
  preprocess: vitePreprocess()
};
export default config;

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
    extend: {}
  },
  plugins: []
};

// app.css
@tailwind base;
@tailwind components;
@tailwind utilities;

// +layout.svelte
<script>
  import "../app.css";
</script>

<slot />

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: tailwindcss.com

Tags: javascript svelte

Link to this answer
Share Copy Link

Contributed on Dec 29 2023

Somebody32x2

0 Answers Avg Quality 2/10

Closely Related Answers

sveltekit tailwind

Comment

npm init svelte@next
npx svelte-add@latest tailwindcss

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: kit.svelte.dev

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 20 2022

Fair Fowl

0 Answers Avg Quality 2/10

sveltekit tailwind

Comment

pnpx svelte-add@latest tailwindcss

Popularity 9/10 Helpfulness 3/10 Language shell

Source: github.com

Tags: shell shel

Link to this answer
Share Copy Link

Contributed on Aug 02 2022

FourCoding

0 Answers Avg Quality 2/10

svelte tailwind

Contents

More Related Answers

svelte tailwind

Closely Related Answers

sveltekit tailwind

sveltekit tailwind

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.