fairfax-header

npm package for dynamic fairfax header

Usage no npm install needed!

<script type="module">
  import fairfaxHeader from 'https://cdn.skypack.dev/fairfax-header';
</script>

README

fairfax-header

npm package for dynamic fairfax header

instructions

  1. add
    and
    tags to html
  2. add canonical url
  3. import fairfax-header and add config
  4. config accepts object with properties : headerConfig and footerConfig
  5. both configs accept
  • logoColor, bgColor, textColor, css
  • css is object with name = css property and value = css value

example

import fairfax from "fairfax-header";

fairfax({
  headerConfig: {
    logoColor: "white",

    bgColor: "transparent",
    css: {
      position: "absolute",
      borderBottom: "solid 1px black"
    }
  },
  footerConfig: {
    bgColor: "#fff"
  }
});