postcss-nested-import

PostCSS Nested Import

PostCSS plugin for importing other stylesheet source files anywhere in your CSS.

Before:

/* vendor.css */
.vendor {
  background: silver;
}

/* index.css */
:global {
  @nested-import './vendor.css';
}

After:

:global {
  .vendor {
    background: silver;
  }
}

Usage

postcss([require("postcss-nested-import")]);

See PostCSS docs for examples for your environment.

Changelog

1.3.0 (2023-09-06)

Features

• emit dependency message announcing dependency to imported file — thanks Daniel Jagszent