# @sass-collective/property

> Generate CSS property with CSS custom properties option.

Latest version **4.7.0** (published 2022-03-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install @sass-collective/property
pnpm add @sass-collective/property
yarn add @sass-collective/property
bun add @sass-collective/property
```

## 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 | 4.7.0 |
| Published | 2022-03-23 |
| First published | 2020-04-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=12.0.0 |
| Dependencies | 2 |
| Unpacked size | 17.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 11 |
| Author | The Sass Collective Authors |
| Maintainers | bdamevin |
| Keywords | sass, property, custom properties, css, front-end |

## Links

- npm: https://www.npmjs.com/package/@sass-collective/property
- Repository: https://github.com/sass-collective/sass-collective
- Homepage: https://github.com/sass-collective/sass-collective/tree/master/packages/property
- Issues: https://github.com/sass-collective/sass-collective/issues
- npm.io page: https://npm.io/package/@sass-collective/property

## Dependencies (2)

- [sass](https://npm.io/package/sass.md) ^1.45.2
- [@unsass/css](https://npm.io/package/@unsass/css.md) ^1.0.0

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

- 4.7.0 (latest) — 2022-03-23
- 1.2.1-alpha.48 (canary) — 2020-07-22
- 4.6.5 — 2022-02-25
- 4.6.4 — 2022-02-18
- 4.6.3 — 2022-01-03
- 4.6.2 — 2021-12-14
- 4.6.1 — 2021-12-10
- 4.6.0 — 2021-11-19
- 4.5.1 — 2021-11-02
- 4.5.0 — 2021-09-06
- 4.4.0 — 2021-09-02
- 4.3.0 — 2021-09-01
- 4.3.0-beta.0 — 2021-09-01
- 4.2.0 — 2021-08-19
- 4.1.0 — 2021-07-03
- … 20 more at https://npm.io/package/@sass-collective/property/versions

## README

<div align="center">

![Sass Property](.github/logo.svg)

</div>

[![Version](https://flat.badgen.net/npm/v/@sass-collective/property)](https://www.npmjs.com/package/@sass-collective/property)
[![Downloads](https://flat.badgen.net/npm/dt/@sass-collective/property)](https://www.npmjs.com/package/@sass-collective/property)
[![License](https://flat.badgen.net/github/license/sass-collective/sass-collective)](https://flat.badgen.net/github/license/sass-collective/sass-collective)

## Introduction

Generate CSS property with CSS Custom Properties option.

## Installing

```shell
npm install @sass-collective/property
```

## Usage

```scss
@use "@sass-collective/property";
@use "@sass-collective/property/custom-properties";

:root {
    @include property.declaration(custom-properties.create(--foo, darkcyan));
    // --foo: darkcyan;
}

.foo {
    @include property.declaration(color, custom-properties.create(--foo, darkcyan));
    // color: var(--foo, darkcyan);
    
    @include property.declaration(color, custom-properties.create(--foo, custom-properties.create(--bar, darkcyan)));
    // color: var(--foo, var(--bar, darkcyan));
}

.bar {
    @include property.declaration(color, darkcyan);
    // color: darkcyan;
}
```

## API

### Sass mixins

| Mixin                                        | Description                                       |
|----------------------------------------------|---------------------------------------------------|
| `declaration($property, $value, $important)` | Declare CSS property, with optional `!important`. |

## Packages

| Package                                                                                                                                             | Description                    |
|-----------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------|
| [`@sass-collective/property/custom-properties`](https://github.com/sass-collective/sass-collective/blob/master/packages/property/custom-properties) | Declare CSS Custom Properties. |

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