@codedrop/topbar

topbar component

Usage no npm install needed!

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

README

@codedrop/topbar

npm

topbar styles.

topbar component

Installation

npm install @codedrop/topbar --save-dev

How to use

CSS

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

Developer notes

To use with default values:

@import '@codedrop/topbar';

To override variables in a project:

@import '@codedrop/constants';

@import 'path/to/local/project/vars.css';

@import '@codedrop/topbar/src/_topbar.css';

.topbar {
  /* Overrides */
}