GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → svelte-add → postcss

svelte-add / postcss

Licence: MIT license
Add PostCSS to your Svelte project

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

postcsssveltecssnanovitesvelte-kitsveltekitsvelte-add

Projects that are alternatives of or similar to postcss

tailwindcss
Add Tailwind CSS to your Svelte project
Stars: ✭ 583 (+1475.68%)
Mutual labels:  postcss, vite, svelte-kit, sveltekit, svelte-add
vite-ts-tailwind-starter
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.
Stars: ✭ 228 (+516.22%)
Mutual labels:  postcss, vite
element-plus-admin
基于vite+ts+elementPlus
Stars: ✭ 361 (+875.68%)
Mutual labels:  postcss, vite
XT-TailwindCSS-Starter
A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.
Stars: ✭ 19 (-48.65%)
Mutual labels:  postcss, cssnano
programmingtil-svelte
No description or website provided.
Stars: ✭ 59 (+59.46%)
Mutual labels:  svelte-kit, sveltekit
sveltekit-starter
Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.
Stars: ✭ 482 (+1202.7%)
Mutual labels:  postcss, sveltekit
sapper-postcss-template
A template that includes Sapper for Svelte and PostCSS preprocessing with Tailwind CSS
Stars: ✭ 84 (+127.03%)
Mutual labels:  postcss, cssnano
bb8
Starter kit for automating tasks in everyday front-end development. 👨🏻‍💻 ⚡️ 🛠 ✨ 🤖
Stars: ✭ 13 (-64.86%)
Mutual labels:  postcss, cssnano
barnsworthburning
A commonplace book.
Stars: ✭ 20 (-45.95%)
Mutual labels:  svelte-kit, sveltekit
Cssnano
A modular minifier, built on top of the PostCSS ecosystem.
Stars: ✭ 4,031 (+10794.59%)
Mutual labels:  postcss, cssnano
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-13.51%)
Mutual labels:  postcss, cssnano
vital
Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.
Stars: ✭ 151 (+308.11%)
Mutual labels:  postcss, vite
vite-postcss-preset-env
vite-cssnext.netlify.app/
Stars: ✭ 35 (-5.41%)
Mutual labels:  postcss, vite
graphql-server
(out of date) A command to add a GraphQL server to your Svelte project
Stars: ✭ 31 (-16.22%)
Mutual labels:  sveltekit, svelte-add
vite-plugin-dts
A vite plugin for generating `.d.ts` files.
Stars: ✭ 539 (+1356.76%)
Mutual labels:  vite
faven
A web tool to help you generate favicons
Stars: ✭ 126 (+240.54%)
Mutual labels:  postcss
svelte-add-jest
SvelteKit adder for Jest unit testing
Stars: ✭ 31 (-16.22%)
Mutual labels:  sveltekit
vue-lite-admin
a lite vue3.0 admin template,there is no typescript and vuex (但注释挺全)
Stars: ✭ 67 (+81.08%)
Mutual labels:  vite
vite-plugin-compile-time
Some compile-time magic for your Vite project
Stars: ✭ 94 (+154.05%)
Mutual labels:  vite
vite-react-electron
Electron + Vite + React + Sass boilerplate.
Stars: ✭ 700 (+1791.89%)
Mutual labels:  vite
View All Similar Projects ➔

🔺 Add PostCSS to Svelte

This is an adder for svelte-add; you should read its README before continuing here.

➕ Adding PostCSS

This adder's codename is postcss, and can be used like so:

npx svelte-add@latest postcss

🏞 Supported environments

This adder supports SvelteKit and Vite-powered Svelte apps (all the environments svelte-add currently supports).

⚙️ Options

  • autoprefixer (default true): whether or not to install and set up Autoprefixer.

🛠 Using PostCSS

After the adder runs,

  • You can write PostCSS syntax in the style lang="postcss" blocks in Svelte files.

  • You can write PostCSS syntax in the src/app.postcss file.

    This is your global stylesheet because it will be active on every page of your site.

  • You can install more PostCSS plugins and configure them in the postcss.config.cjs file.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].