dependabot[bot] dab7914eab
Bump @justinribeiro/lite-youtube from 0.9.0 to 0.9.1 in /build/javascript (#273)
* Commit updated Javascript packages

* Bump preact from 10.5.4 to 10.5.5 in /build/javascript (#265)

* Trying a new github workflow to install javascript packages

* Bump tailwindcss from 1.9.2 to 1.9.4 in /build/javascript (#266)

Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss) from 1.9.2 to 1.9.4.
- [Release notes](https://github.com/tailwindlabs/tailwindcss/releases)
- [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/master/CHANGELOG.md)
- [Commits](https://github.com/tailwindlabs/tailwindcss/compare/v1.9.2...v1.9.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Commit updated Javascript packages

* Bump preact from 10.5.4 to 10.5.5 in /build/javascript

Bumps [preact](https://github.com/preactjs/preact) from 10.5.4 to 10.5.5.
- [Release notes](https://github.com/preactjs/preact/releases)
- [Commits](https://github.com/preactjs/preact/compare/10.5.4...10.5.5)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Owncast <owncast@owncast.online>

* Bump @justinribeiro/lite-youtube in /build/javascript

Bumps [@justinribeiro/lite-youtube](https://github.com/justinribeiro/lite-youtube) from 0.9.0 to 0.9.1.
- [Release notes](https://github.com/justinribeiro/lite-youtube/releases)
- [Commits](https://github.com/justinribeiro/lite-youtube/commits)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: Owncast <owncast@owncast.online>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2020-10-20 15:15:56 -07:00

93 lines
1.6 KiB
Markdown

# postcss-functions [![Build Status][ci-img]][ci]
[PostCSS] plugin for exposing JavaScript functions.
[PostCSS]: https://github.com/postcss/postcss
[ci-img]: https://travis-ci.org/andyjansson/postcss-functions.svg
[ci]: https://travis-ci.org/andyjansson/postcss-functions
## Installation
```js
npm install postcss-functions
```
## Usage
```js
var fs = require('fs');
var postcss = require('postcss');
var functions = require('postcss-functions');
var options = {
//options
};
var css = fs.readFileSync('input.css', 'utf8');
postcss()
.use(functions(options))
.process(css)
.then(function (result) {
var output = result.css;
});
```
**Example** of a function call:
```css
body {
prop: foobar();
}
```
## Options
### `functions`
Type: `Object`
An object containing functions. The function name will correspond with the object key.
**Example:**
```js
var color = require('css-color-converter');
```
```js
require('postcss-functions')({
functions: {
darken: function (value, frac) {
var darken = 1 - parseFloat(frac);
var rgba = color(value).toRgbaArray();
var r = rgba[0] * darken;
var g = rgba[1] * darken;
var b = rgba[2] * darken;
return color([r,g,b]).toHexString();
}
}
});
```
```css
.foo {
/* make 10% darker */
color: darken(blue, 0.1);
}
```
### `glob`
Type: `string|string[]`
Loads files as functions based on one or more glob patterns. The function name will correspond with the file name.
**Example:**
```js
require('postcss-functions')({
glob: path.join(__dirname, 'functions', '*.js')
});
```