# postcss-nested-import

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

Latest version **1.3.0** (published 2023-09-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install postcss-nested-import
pnpm add postcss-nested-import
yarn add postcss-nested-import
bun add postcss-nested-import
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.3.0 |
| Published | 2023-09-06 |
| First published | 2017-04-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=12.0 |
| Dependencies | 1 |
| Unpacked size | 7.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 18 |
| Author | Erik Harper |
| Maintainers | eriklharper, royston |
| Keywords | postcss, css, postcss-plugin, import |

## Links

- npm: https://www.npmjs.com/package/postcss-nested-import
- Repository: https://github.com/eriklharper/postcss-nested-import
- Issues: https://github.com/eriklharper/postcss-nested-import/issues
- npm.io page: https://npm.io/package/postcss-nested-import

## Dependencies (1)

- [resolve](https://npm.io/package/resolve.md) ^1.22.4

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 1.3.0 (latest) — 2023-09-06
- 1.2.0 — 2023-08-27
- 1.1.0 — 2023-08-10
- 1.0.0 — 2023-04-17
- 0.2.0 — 2022-02-10
- 0.1.0 — 2017-04-21

## README

<h1 align="center">PostCSS Nested Import</h1>

<p align="center">PostCSS plugin for importing other stylesheet source files anywhere in your CSS.</p>

<p align="center">
<a href="https://github.com/eriklharper/postcss-nested-import/actions/workflows/test.yml" rel="nofollow noreferrer noopener">
    <img src="https://github.com/eriklharper/postcss-nested-import/actions/workflows/test.yml/badge.svg" alt="GitHub CI test">
  </a>
</p>

Before:

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

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

After:

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

## Usage

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

See [PostCSS](https://github.com/postcss/postcss) docs for examples for your environment.

---
_Source: https://npm.io/package/postcss-nested-import · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._