EMBL-EBI Header and Footer component
About
This provides support for using the EMBL-EBI header and footer from the EMBL-EBI VF 1.3. It provides the minimum amount of legacy CSS to make the header and footer work while avoiding conflicts with other 2.0 styles.
Note
- This component requires the EMBL contentHub loader, which is included in most EMBL VF builds.
- This requires VF 2.0 footer CSS and other styles.
- If you do not currently have VF 2.0 CSS and JS as part of your project, you can use the CDN JS.
- This uses the existing
//ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/js/script.jsto load the HTML for the header.
Install
This repository is distributed with npm. After installing npm, you can install ebi-header-footer with this command.
$ yarn add --dev @visual-framework/ebi-header-footer
Sass/CSS
The style files included are written in Sass. If you're using a VF-core project, you can import it like this:
@import "@visual-framework/ebi-header-footer/index.scss";
Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter