@justeat/fozzie

fozzie

Base Front-End Library for Just Eat Global Platform. Designed to be reusable across any site that want to share those base styles.

---

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

1. Install the fozzie module using NPM or Yarn:

   yarn add @justeat/fozzie
   

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

   @import 'fozzie';
   

You can then use the base styles that fozzie has available in this module (and that will be documented shortly).

Changelog

v7.0.0

February 15, 2022

Changed

• Breaking Change – repo now uses dart-sass instead of node-sass for styles. There is still an outstanding issue in vue-jest and it's support of dart-sass which means for components wanting to compile styles in jest (to test classnames for instance), node-sass still needs to be included as part of that packages devDepenedencies. For all other packages, experimentalCSSCompile: false has been set to turn off jest compiling styles, otherwise the tests won't run as expected.
• Eyeglass has been removed in favour of using sass-loader's node_modules path resolution, as this comes out of the box.

Removed

• Any references to fozzie $theme variables in common.scss files, as no longer needed.
• Removed webpack tilda ~ for fozzie scss refrences, as not needed – sass-loader does this automatically now.