Open khawkins98 opened 5 years ago
Have a proof-of-concept.
It works like this:
<link rel="stylesheet" href="https://dev.assets.emblstatic.net/embl-design-system/develop/assets/ebi-vf1-integration/ebi-vf1-integration.css" />
.ebi-vf1-integration
to a wrapping element or — ideally — doing body.ebi-vf1-integration
Here's a demonstration fo what the EBI Services page looks like using it: https://codepen.io/khawkins98/pen/KKPBYGy?editors=1000
Agreed at higher-level design+leadership, EMBL and EMBL-EBI are moving to a new typeface: Plex. I won't get into the background on that here, but it has been discussed at length. (if needed, I'm sure I can find links)
That new font will be the default for VF 2.0, however what we've yet to iron out is:
I think No. 2 isn't a near-term thing (and may never happen), so I think we can stick to No. 1.
Currently the "best" approach I have in mind is to create a new optional Sass file + standalone CSS file that can be included in a build process or HTML document.
To illustrate:
some-repo/theme__new-type-for-embl-ebi.css
helvetica -> plex
Final question is where would this new code live?
And then we'd need to go through and update various templates and documentation to reference the new approach.