# passlang

> Next generation CSS preprocessor. It's programmatically awesome.

Latest version **0.0.1** (published 2021-12-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install passlang
pnpm add passlang
yarn add passlang
bun add passlang
```

Provides the command `passlang`.

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2021-12-17 |
| First published | 2021-12-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 9.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Author | Kavindu Santhusa |
| Maintainers | ksengine |
| Keywords | style, pass, passlang, compiler, preprocessor, css |

## Links

- npm: https://www.npmjs.com/package/passlang
- Repository: https://github.com/ksenginew/pass
- Homepage: https://github.com/ksenginew/pass#readme
- Issues: https://github.com/ksenginew/pass/issues
- npm.io page: https://npm.io/package/passlang

## Dependencies (4)

- [globby](https://npm.io/package/globby.md) ^12.0.2
- [sucrase](https://npm.io/package/sucrase.md) ^3.20.3
- [minimist](https://npm.io/package/minimist.md) ^1.2.5
- [@passlang/core](https://npm.io/package/@passlang/core.md) ^0.0.1

## 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

- 0.0.1 (latest) — 2021-12-17

## README

# passlang

## Usage

1. Write your CSS(eg:- `example.pass.ts`)
    ```js
    import { css } from '@passlang/core'
    export default css`
    nav {
      width: ${10 + 10}px; /* operators */
    }

    ul {
      font: 100% ${font_stack}; /* using variables */
    }

    li {
      ${theme()} /* using functions / mixins */
    }

    a {
      ${equal_heights}/* extending styles */
    }
    `
    ```
2. Convert it to css
    ```bash
    npx passlang example.pass.ts
    ```
    **Take a look at the newly created `example.pass.css` file.**

> Contact me via [discussions](https://github.com/ksenginew/pass/discussions) for help.

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