Tailwindcss Config

[Solved] Tailwindcss Config | Shell - Code Explorer | yomemimo.com
Question : tailwind config

Answered by : azizul-islam

npx tailwindcss init
//index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
//tailwind.config.js
module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}", ], theme: { extend: {}, }, plugins: [],
}

Source : https://tailwindcss.com/docs/guides/create-react-app | Last Update : Fri, 13 May 22

Question : tailwind.config.js

Answered by : shirshak

//global.css
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
/** @type {import('tailwindcss').Config} */
module.exports = { content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', './app/**/*.{js,ts,jsx,tsx}'], theme: { screens: { xs: '320px', sm: '375px', lsm: '425px', md: '768px', lg: '1024px', xl: '1280px', '2xl': '1536px', }, extend: { colors: { primary: '#fa9900', headingColor: '#666666', textColor: '#999', }, fontFamily: { primary: ['Nunito', 'sans-serif'], }, }, }, plugins: [],
};

Source : | Last Update : Thu, 17 Nov 22

Question : Tailwindcss config

Answered by : fantastic-frog-hzw46crmwpub

npx tailwindcss init

Source : https://tailwindcss.com/docs/configuration | Last Update : Thu, 10 Jun 21

Question : tailwind config

Answered by : olaoluwa-oladipo

/** @type {import('tailwindcss').Config} */
module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: {}, }, plugins: [],
}

Source : https://tailwindcss.com/docs/installation | Last Update : Sat, 07 Jan 23

Question : Generate tailwind.config.js and postcss.config.js

Answered by : cloudy-curlew-uiolw0pqni7j

{"tags":[{"tag":"textarea","content":"yarn tailwindcss init -p","code_language":"css"}]}

Source : https://dev.to/ashirbadgudu/set-up-tailwind-css-with-create-react-app-and-yarn-pio | Last Update : Sun, 12 Feb 23

Question : tailwind config

Answered by : blue-baboon-zfq38zbwprso

Next js
module.exports = { content: [ "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", "./scr/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [],
};

Source : | Last Update : Thu, 14 Jul 22

Question : tailwind custom config file

Answered by : blueeyed-booby-tje5eam7ypqt

module.exports = { content: ['./src/**/*.{html,js}'], theme: { colors: { 'blue': '#1fb6ff', 'purple': '#7e5bef', 'pink': '#ff49db', 'orange': '#ff7849', 'green': '#13ce66', 'yellow': '#ffc82c', 'gray-dark': '#273444', 'gray': '#8492a6', 'gray-light': '#d3dce6', }, fontFamily: { sans: ['Graphik', 'sans-serif'], serif: ['Merriweather', 'serif'], }, extend: { spacing: { '8xl': '96rem', '9xl': '128rem', }, borderRadius: { '4xl': '2rem', } } },
}

Source : https://tailwindcss.com/docs/configuration | Last Update : Sat, 13 Aug 22

Question : tailwindcss configuration file

Answered by : black-baboon-tqiexu0a0cg0

{"tags":[{"tag":"p","content":"tailwindcss configuration file"},{"tag":"textarea","content":"module.exports = {\n content: [\n \".\/src\/**\/*.{js,jsx,ts,tsx}\",\n \".\/node_modules\/flowbite\/**\/*.js\"\n ],\n theme: {\n extend: {},\n },\n plugins: [\n require('flowbite\/plugin')\n ],\n}\nJSON","code_language":"javascript"}]}

Source : https://medium.com/p/3edc4814de6a/edit | Last Update : Wed, 12 Apr 23

Question : Tailwind Config File

Answered by : jayadev-sahoo

module.exports = { content: ['./dist/*.html'], theme: { extend: {}, }, variants: { extend: {}, }, plugins: [],
}

Source : https://gist.github.com/bradtraversy/1c93938c1fe4f10d1e5b0532ae22e16a#install-webpack--loaders | Last Update : Fri, 02 Sep 22

Question : tailwind.config.js

Answered by : important-iguana-mi3cn0v9xfm4

// tailwind.config.js
module.exports = { content: ['./src/**/*.(js)'], theme: { extend: {}, }, plugins: [],
};

Source : https://chat.openai.com/ | Last Update : Thu, 07 Sep 23

Answers related to tailwindcss config

Code Explorer Popular Question For Shell