fairfax-header

npm package for dynamic fairfax header

instructions

1. add <header> and <footer> tags to html
2. If using more then one <header> or <footer>, add class masthead
3. add canonical url
4. import fairfax-header and add config
5. config accepts object with properties : headerConfig and footerConfig
6. 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"
  }
});