2890 align styling in fusion

[nicwells]

Fixes BlueBrain/nexus#2890

Description

• Defines global styles for Fusion including font and colors following the BBP Front-end Style Guide where possible.

• Titillium Web font included in build so should always be available. Fallback fonts remain as they were and may get used prior to font Titillium Web font loading

• The following font sizes are defined:

  @fusion-base-font-size: 14px;
  @fusion-heading-1-size: 28px;
  @fusion-heading-2-size: 23px;
  @fusion-heading-3-size: 19px;
  @fusion-heading-4-size: 16px;
  @fusion-heading-5-size: 14px;

Screenshots illustrating the style changes are shown below. Note some components will need some restyling.

How has this been tested?

Navigating different pages of the application and observing styling.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added necessary unit and integration tests.
• I have added screenshots (if applicable), in the comment section.

[codecov-commenter]

Codecov Report

❗ No coverage uploaded for pull request base (1.7.0-M1@7407716). Click here to learn what that means.
The diff coverage is n/a.

@@             Coverage Diff             @@
##             1.7.0-M1     #991   +/-   ##
===========================================
  Coverage            ?   66.83%           
===========================================
  Files               ?       21           
  Lines               ?      597           
  Branches            ?      137           
===========================================
  Hits                ?      399           
  Misses              ?      198           
  Partials            ?        0           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7407716...c30e0f3. Read the comment docs.