Aeroporto di Bologna - Design System

Author: Superadmin 

<div class="c-author c-author--superadmin c-author--collaborator">
    <div>
        <img src="../../images/mybank.jpg" alt="">
    </div>
    <div>
        <h1>
            Giuseppe Verdi
        </h1>
    </div>
    <div>
        <h2>
            Allerta meteo
        </h2>
        <p>
            Neve nei prossimi giorni!!!
        </p>
    </div>
    <a href="#">Leggi la bio dell&#x27;autore</a>

    <p>Numero di articoli scritti: 56</p>

    <div class="c-banner-adv c-banner-adv--box">
        <div class="c-banner-adv__inner c-banner-adv__inner--desktop">
            <a href="http://www.mit.gov.it/conferenza-nazionale" target="_blank">
                <img src="../../images/banner-adv/300x250.jpg" alt="">
            </a>
        </div>
        <div class="c-banner-adv__inner c-banner-adv__inner--mobile">
            <a href="http://www.mit.gov.it/conferenza-nazionale" target="_blank">
                <img src="../../images/banner-adv/banner-assaeroporti-340x150.jpg" alt="">
            </a>
        </div>
    </div>

    <ul class="c-languages" aria-label="Seleziona la lingua del sito">
        <li>
            <a href="#" aria-label="ita">
                <img src="../../images/svgs/flag_it.svg" class="c-language__img" alt="Lingua italiana" aria-hidden="true" />
                ita
            </a>
        </li>
        <li>
            <a href="#" aria-label="eng">
                <img src="../../images/svgs/flag_en.svg" class="c-language__img" alt="English language" aria-hidden="true" />
                eng
            </a>
        </li>
    </ul>

</div>
 
<div class="c-author c-author--superadmin {{ modifier }}">
  <div>
    <img src="{{ path author-img-src }}" alt="">
  </div>
  <div>
    <h1>
      {{ author-name }}
    </h1>
  </div>
  <div>
    <h2>
      {{ author-last-article-title }}
    </h2>
    <p>
      {{ author-last-article-preview }}
    </p>
  </div>
  <a href="#">{{ author-cta-text }}</a>

  <p>Numero di articoli scritti: {{ article-numbers }}</p>

  {{ render "@banner-adv--box" }}

  {{ render "@languages" }}

</div>
 
{
  "modifier": "c-author--collaborator",
  "author-img-src": "/images/mybank.jpg",
  "author-name": "Giuseppe Verdi",
  "author-last-article-title": "Allerta meteo",
  "author-last-article-preview": "Neve nei prossimi giorni!!!",
  "author-cta-text": "Leggi la bio dell'autore",
  "article-numbers": 56
}
  • Content: 
    .c-author {

  & > * {
    margin-bottom: remify(24px);
  }

  border: remify(1px) solid black;
  border-top: remify(6px) solid red;
  max-width: remify(300px);

}

.c-author--collaborator {
  border-top: remify(6px) solid green;
}

.c-author--reviewer {
  border-top: remify(6px) solid blue;
}
  • URL: /components/raw/author/_author.scss
  • Filesystem Path: src/views/01-atoms/author/_author.scss
  • Size: 294 Bytes

No notes defined.