@ec-europa/ecl-logos

ECL Logos

Stats

StarsIssuesVersionUpdatedCreatedSize
@ec-europa/ecl-logos
0.9.04 years ago4 years agoMinified + gzip package size for @ec-europa/ecl-logos in KB

Readme

EC logo

Default EC logo.

<a href="https://ec.europa.eu" class="logo" title="European Commission">
  <span class="ecl-u-sr-only">European Commission</span>
</a>

Or using Twig:

{% include '@ec-europa/ecl-logos' with {
  'to': 'https://ec.europa.eu',
  'title': 'European Commission',
} %}

EC logotype

EC logo with text. Add logo--logotype class to use it:

<a href="https://ec.europa.eu" class="logo logo--logotype" title="European Commission">
  <span class="ecl-u-sr-only">European Commission</span>
</a>

Or using Twig:

{% include '@ec-europa/ecl-logos' with {
  'to': 'https://ec.europa.eu',
  'title': 'European Commission',
  'type': 'right',
} %}

EC logotype with text below the logo

EC logo with text below. Add logo--logotypebelow class to use it:

<a href="https://ec.europa.eu" class="logo logo--logotypebelow" title="European Commission">
  <span class="ecl-u-sr-only">European Commission</span>
</a>

Or using Twig:

{% include '@ec-europa/ecl-logos' with {
  'to': 'https://ec.europa.eu',
  'title': 'European Commission',
  'type': 'below',
} %}

External classes

Additionally, you can add external classes with the extra_class optional parameter.

For example:

{% include '@ec-europa/ecl-logos' with {
  'to': 'https://ec.europa.eu',
  'title': 'Home - European Commission',
  'type': 'right',
  'extra_class': 'site-header__logo'
} %}

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.