Joran design system

Logo Header: 3 Lines 

<div class="c-logo-header">
    <div class="c-logo-header__logo">
        <img class="c-logo-vd" src="../../assets/vectors/logo.svg" />

    </div>
    <div class="c-logo-header__text">

        Secrétariat générale du département<br>

        des infrastructures et des<br>

        ressources humaines

    </div>
</div>
 
<div class="c-logo-header">
  <div class="c-logo-header__logo">
    {% render '@logo-vd' %}
  </div>
  <div class="c-logo-header__text">
    {% for item in text %}
      {% if loop.last %}
        {{ item }}
      {%- else -%}
        {{ item }}<br>
      {% endif %}
    {% endfor %}
  </div>
</div>
 
{
  "text": [
    "Secrétariat générale du département",
    "des infrastructures et des",
    "ressources humaines"
  ]
}
  • Content: 
    /* ==========================================================================
   # _components.logo-header.css
   ========================================================================== */

.c-logo-header {
  @apply
    flex
    flex-row
    ;
}

.c-logo-header__logo {
  @apply
    pr-2
    border-r
    ;
}

.c-logo-header__text {
  @apply
    text-white

    ml-2

    flex
    flex-col
    justify-center
    ;
}
  • URL: /components/raw/logo-header/_components.logo-header.css
  • Filesystem Path: src/components/04-Components/logo/logo-header/_components.logo-header.css
  • Size: 420 Bytes

No notes defined.