mirror of
https://github.com/owncast/owncast.git
synced 2024-10-10 19:16:02 +00:00
![dependabot[bot]](/assets/img/avatar_default.png)
* 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>
93 lines
1.6 KiB
Markdown
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')
|
|
});
|
|
```
|