💐 Plumeria
API reference

css

See more about @plumeria/compiler package

Run compile the plumeria styles, easily integrated into framework build process.
The @plumeria/compiler package is required to run commands.

Terminal
npx css
json
  "scripts": {
    "dev": "css & next dev",
    "build": "css --type-check && next build",
  }

Options

--view

Use it to visualize your builds and test them as you go.
Do not include the --view argument in your build script as it will get into the server logs.

Terminal
npx css --view

Example output:

Terminal
✅Generated global CSS
 
@keyframes qot92n7o {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
 
✅Generated global CSS
 
::view-transition-old(ybrzha82) {
  animation-name: ybrzha82;
  animation-duration: 0.4s;
  animation-timing-function: ease;
}
::view-transition-new(qot92n7o) {
  animation-name: qot92n7o;
  animation-duration: 0.4s;
  animation-timing-function: ease;
}

--paths

Outputs a list of the files to be compiled. file.

Terminal
npx css --paths

Example output:

Terminal
plumeria/test-e2e/site/app/page.tsx
plumeria/test-e2e/site/component/style-create.tsx
plumeria/test-e2e/site/component/style-not-conflict.tsx
plumeria/test-e2e/site/component/style-server-component.tsx
 ✓ Compiled...

--type-check

Runs Typescript type checking before compiling.

Terminal
npx css --type-check
Edit on GitHub

Previous

ServerCSS

Next

Nesting rule

On this page