getStyles = (scriptScr, path= '') => {
  if (!Array.isArray(scriptScr)) {
    scriptScr = [scriptScr]
  }
  scriptScr.forEach(src => {
    // if a string is passed, assume a href URL
    let type = 'href'
    let key = src
    let id = ''

    // if an object is passed, work out details from it's properties
    if (typeof src == 'object') {
      type = src.type || (src.style ? 'inline' : 'href')
      id = src.id
      key = id || src.href || src.style
      src = type === 'inline' ? src.style : src.href
    }

    // check we haven't already loaded this css
    if (isCached(key, 'css')) {
      return
    }

    // append the style into the head
    if (type === 'href') {
      const link = document.createElement('link')
      link.type = 'text/css'
      link.rel = 'stylesheet'
      link.href = (path || '') + src
      document.head.appendChild(link)
    } else {
      $(`<style type="text/css">${src}</style>`).attr('id', id).appendTo($(document.head))
    }

    // record this is cached
    window.fbLoaded.css.push(key)
  })
}
Appends stylesheets to the head
@param  {Array} scriptScr
@param  {String} [path='']
@return {void}