@peachy/plugin-css

A Rolldown plugin that allows you to import CSS modules.

Usage

First, create your CSS module:

/* styles.css */
.heroImage {
  border-radius: 12px;
  border: 1px solid;
}

Then you can import it in your code and use it:

/* app.ts */

import Gtk from "gi://Gtk?version=4.0";

import styles from "./styles.css";

const picture = new Gtk.Picture({
  cssClasses: [styles.heroImage],
});

Your image will now have a border and rounded corners.