# @taikonauten/postcss-function-rem

> postCSS function rem

Latest version **1.0.1** (published 2021-01-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install @taikonauten/postcss-function-rem
pnpm add @taikonauten/postcss-function-rem
yarn add @taikonauten/postcss-function-rem
bun add @taikonauten/postcss-function-rem
```

## 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.0.1 |
| Published | 2021-01-22 |
| First published | 2021-01-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Tobias Schubert |
| Maintainers | taiko-org, nicolaisteinel, schllng, lempa, tststststststs |

## Links

- npm: https://www.npmjs.com/package/@taikonauten/postcss-function-rem
- Repository: https://github.com/taikonauten/postcss-function-rem
- Homepage: https://github.com/taikonauten/postcss-function-rem#readme
- Issues: https://github.com/taikonauten/postcss-function-rem/issues
- npm.io page: https://npm.io/package/@taikonauten/postcss-function-rem

## Recent versions

- 1.0.1 (latest) — 2021-01-22
- 1.0.0 — 2021-01-21

## README

<p align="center">
  <img src="https://i.imgur.com/dV1aZjJ.png" title="Taikonauten">
</p>

<h1 align="center">Taikonauten postCSS function rem</h1>

<p>&nbsp;</p>

## Installation

```bash
npm install --save-dev @taikonauten/postcss-function-rem
```

Create a `postcss.config.js` file in your project root:

```javascript
const postCSSFunctions = {
  functions: {
    rem: require('@taikonauten/postcss-function-rem'),
  }
};

module.exports = {
  plugins: [
    require('postcss-functions')(postCSSFunctions),
  ]
};
```

## Usage

```css
body {

  padding: rem(20 20);
}
```

Use default base font size of 16. result: `padding: 1.25rem 1.25rem`

```css
body {

  padding: rem(20 20, 24);
}
```

Overwrite default base font size with 24. result: `padding: 0.8333333333333334rem 0.8333333333333334rem`

---

Made with ♡ at Taikonauten

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