Compatibility with EBI-VF 1.x components
About
Fixes, compatibility and workarounds for sites that use the EBI VF versions 1.1, 1.2, 1.3 or 1.4.
Usage
Enable its use by:
body class="ebi-vf1-integration"
, or- wrapping a section of html with the class
.ebi-vf1-integration
Install
Option 1
Use the global VF 2.0 CSS along side your existing VF 1.x CSS; see: https://stable.visual-framework.dev/
Option 2
If you don't want to include all the VF 2.0 CSS, add only the compatibility CSS:
https://assets.emblstatic.net/vf/v2.4.15/assets/ebi-vf1-integration/ebi-vf1-integration.css
Option 3
This repository is distributed with npm. After installing npm, you can install ebi-vf1-integration
with this command.
$ yarn add --dev @visual-framework/ebi-vf1-integration
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-vf1-integration/index.scss";
Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter
Help