GDL - Global Design Language

Logo Europa 

<div class="c-header__focus u-py-xsmall u-px-small u-ml-auto u-my-xsmall u-mr-xxsmall u-size-1-2 u-none u-flex@lg u-justify-center">
    <span class="logo-europa logo-europa--parlamento"> </span>
</div>
 
<div class="c-header__focus u-py-xsmall u-px-small u-ml-auto u-my-xsmall u-mr-xxsmall u-size-1-2 u-none u-flex@lg u-justify-center">
  <span class="logo-europa logo-europa--parlamento"> </span>
</div>
 
/* No context defined. */
  • Content: 
    .logo-europa {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--logo);
  background-size: contain;

  &--parlamento {
    --logo: url('//citynews.stgy.ovh/~shared/images/v7/europe/parlamento-europeo-l.svg'); //url('/~shared/images/v7/europe/parlamento.svg');
  }

  &--unione {
    --logo: url('//citynews.stgy.ovh/~shared/images/v7/europe/unione-europea-d.svg'); // --logo: url('/~shared/images/v7/europe/unione-dark.svg');
    @media(prefers-color-scheme: dark) {
      body:not([data-color-scheme*="light"]) & {
        --logo: url('//citynews.stgy.ovh/~shared/images/v7/europe/unione-europea-l.svg');
      }
    }
    
    [data-color-scheme*="dark"] & {
      --logo: url('//citynews.stgy.ovh/~shared/images/v7/europe/unione-europea-l.svg');
    }
  }
}
  • URL: /components/raw/logo-europa/logo-europa.scss
  • Filesystem Path: src/lib/components/logo-europa/logo-europa.scss
  • Size: 849 Bytes

No notes defined.