# @sass-collective/sass-em

> Sass function & mixin to generate em value.

Latest version **1.7.0** (published 2021-04-11) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

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

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.7.0 |
| Published | 2021-04-11 |
| First published | 2020-02-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=10.0.0 |
| Dependencies | 4 |
| Unpacked size | 8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | The Sass Collective Authors |
| Maintainers | bdamevin |
| Keywords | css, em, sass, front-end, module system |

## Links

- npm: https://www.npmjs.com/package/@sass-collective/sass-em
- Repository: https://github.com/sass-collective/sass-em
- Issues: https://github.com/sass-collective/sass-em/issues
- npm.io page: https://npm.io/package/@sass-collective/sass-em

## Dependencies (4)

- [sass](https://npm.io/package/sass.md) ^1.32.8
- [@sass-collective/em](https://npm.io/package/@sass-collective/em.md) ^1.2.0
- [@sass-collective/property](https://npm.io/package/@sass-collective/property.md) ^3.3.1
- [@sass-collective/strip-unit](https://npm.io/package/@sass-collective/strip-unit.md) ^2.1.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

- 1.7.0 (latest) — 2021-04-11
- 1.6.0 — 2021-03-31
- 1.5.1 — 2020-11-16
- 1.5.0 — 2020-07-23
- 1.4.2 — 2020-06-24
- 1.4.1 — 2020-06-05
- 1.4.0 — 2020-05-21
- 1.3.1 — 2020-05-03
- 1.3.0 — 2020-04-12
- 1.2.1 — 2020-04-04
- 1.2.0 — 2020-03-30
- 1.1.0 — 2020-03-07
- 1.0.2 — 2020-03-05
- 1.0.1 — 2020-02-17
- 1.0.0 — 2020-02-03

## README

![Sass Em](.github/banner.png)

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

> **DEPRECATED:** this package has been moved to new reference in Sass Collective [monorepo](https://github.com/sass-collective/sass-collective/tree/master/packages/em) `@sass-collective/em`, use this package because the current repository is no more maintained.

## Introduction

Sass function & mixin to generate em value.

## Install

    npm install @sass-collective/sass-em --save

## Usage

### Function

```scss
em($values, $context);
```

### Mixin

```scss
em($property, $values, $context);
```

### Module System

```scss
@use "@sass-collective/sass-em";

// Function

html,
body {
    // Single value
    font-size: sass-em.em(16, 16);
    
    // Multiple values
    margin: sass-em.em(20 30, 16);
}

// Mixin

html,
body {
    // Single value
    @include sass-em.em(font-size, 16, 16);
    
    // Multiple values
    @include sass-em.em(margin, 20 30, 16);
}
```

### Legacy @import

```scss
@import "@sass-collective/sass-em";

// Function

html,
body {
    font-size: sass-em(16, 16);
    margin: sass-em(20 30, 16);
}

// Mixin

html,
body {
    @include sass-em(font-size, 16, 16);
    @include sass-em(margin, 20 30, 16);
}
```

### CSS

```css
html,
body {
    font-size: 1em;
    margin: 1.25em 1.875em;
}
```

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