Skip to content

Build Foundation Framework into main CSS files

Created by: khawkins98

In v1.2 the minimum styling requires:

  1. One of these: A full or partial set of Foundation Framework code:
  • v1.2/libraries/foundation-6/css/foundation.css
  • v1.2/libraries/foundation-6/css/foundation-lite.min.css
  • v1.2/libraries/foundation-6/css/foundation-extras.min.css
  1. AND: The EBI core styling
  • v1.2/css/ebi-global.css  

Making it better

We should improve this by building Foundation directly into our core styling (and offering a lite variant):

  • v1.3/css/ebi-global.css
  • v1.3/css/ebi-lite.css
  • v1.3/css/ebi-extras.css

What about migration from v1.2?

  • For existing users of the full version, they only need delete the load of foundation.css
  • For users of the lite variant, they need to delete the ebi-global.css and instead load the new ebi-lite.css

The end result

  1. Semantically cleaner
  2. One fewer file load
  3. The EBI global .scss file will now begin to use mixins which will allow for better breaking out of optional styles.