Aeroporto di Bologna - Design System

Author: Admin 

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

</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>
 
{
  "author-img-src": "/images/mybank.jpg",
  "author-name": "Mario Rossi",
  "author-last-article-title": "Allerta meteo",
  "author-last-article-preview": "Neve nei prossimi giorni!!!",
  "author-cta-text": "Leggi la bio dell'autore"
}
  • 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.