justeat / f-header

Common header component for Just Eat websites

f-header

This repo is being deprecated and is only used on sites that cannot currently render Vue components. We recommend switching to using the Vue.js version of this component as soon as possible.

Fozzie Header Component – allows any project to install and use a variation of the Just Eat header on their project.

---

Usage

1. The easiest way to use fozzie modules in your Sass setup is to use Eyeglass.

If you are using the fozzie gulp build tasks, then Eyeglass is automatically setup ready to use. If not, you can use it in one of the following ways:

• Gulp
• WebPack

2. Install the f-header module using NPM or Yarn:

   yarn add @justeat/f-header

3. Then within your Sass files, you will need to import this module.

   @import 'f-header';

You can then use the f-header fozzie header module styling.

Note that f-header uses a number of utility classes from fozzie, so in order to display the header as intended fozzie needs to be imported and the following code added to your SCSS:

@use '@justeat/fozzie/src/scss/fozzie';

@include f.trumps-utilities();