@lbry/color

Color schemes for LBRY properties

Usage no npm install needed!

<script type="module">
  import lbryColor from 'https://cdn.skypack.dev/@lbry/color';
</script>

README

@lbry/color

Color schemes for LBRY properties

Installation

$ npm i @lbry/color sass -D

We recommend using this module with Dart Sass for its' focus on speed and low dependency count.

Usage

Your main Sass file:

@charset "utf-8";

@import "@lbry/color/lbry-color";
// ...your other Sass imports

If you want to use CSS variables in your Sass, append .css to the import line. So, @import "@lbry/color/lbry-color.css".

In your watch scripts for Sass files, ensure you load the node_modules path in order to import this module in your project without silly prefixes like ../../../. What a mess.

Example package.json scripts section:

"scripts": {
  ...,
  "sass:dev": "sass --load-path=node_modules --watch app/sass:app/dist --style compressed",
  "sass:prod": "sass --load-path=node_modules --update app/sass:app/dist --style compressed",
  ...
}

They are nearly identical, save for --watch and --update. Please refer to the Dart Sass README for assistance on how to integrate it with your project. The above example is taken from the lbry.tech repo.

License

BSD 3-Clause Copyright © LBRY Inc.