@codedrop/constants

constants component

Usage no npm install needed!

<script type="module">
  import codedropConstants from 'https://cdn.skypack.dev/@codedrop/constants';
</script>

README

@codedropau/constants

npm

Global variables.

Installation

npm install @codedropau/constants --save-dev

How to use

CSS

  • PostCSS workflow: @import '@codedropau/constants';
  • Native CSS: @import url('dist/constants.css');
  • Link tag: <link href="dist/constants.css" rel="stylesheet" type="text/css">

Developer notes

To override variables in a project:

@import '@codedropau/constants';

:root {
  --brand-primary: hsl(24, 95%, 50%);
  --brand-secondary: hsl(123, 41%, 45%);
} /* Or import project var file */

@import '@codedropau/component/src/_component.css';

.component {
  /* Overrides */
}