Aeroporto di Bologna - Design System

Author 

<div class="c-author 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>
 
<div class="c-author {{ 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>

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

  {{#if banner}}
    {{> @banner }}
  {{/if}}

  {{#if comments}}
    <p>Numero di commenti: {{ article-comments }}</p>
  {{/if}}

</div>
 
/* No context defined. */
  • 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.