https://github.com/borodean/sassy-inline-gradients

Sass extension to inline gradients as base64-encoded images
https://github.com/borodean/sassy-inline-gradients

Last synced: about 1 year ago
JSON representation

Sass extension to inline gradients as base64-encoded images

• Host: GitHub
• URL: https://github.com/borodean/sassy-inline-gradients
• Owner: borodean
• License: mit
• Created: 2021-06-08T00:13:06.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-11-16T21:50:01.000Z (over 4 years ago)
• Last Synced: 2025-04-01T16:45:15.199Z (about 1 year ago)
• Language: TypeScript
• Homepage:
• Size: 350 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# sassy-inline-gradients

Sass extension to inline gradients as base64-encoded images.

## Installation

```

npm install sass sassy-inline-gradients --save-dev

```

```diff

+ const createInlineGradientsFunctions = require("sassy-inline-gradients");

const sassOptions = {

  functions: {

+    ...createInlineGradientsFunctions(),

  },

  indentWidth: 2,

};

```

## Usage

Code examples:

```scss

.alfa {

  background: inline-linear-gradient(

    200px,

    45deg,

    red,

    green 100px,

    blue 150px,

    yellow 95%

  );

}

```

```scss

.bravo {

  background: inline-linear-gradient(

    200px,

    to top,

    red 10.5%,

    green 33.3%,

    blue

  );

}

```