FAA Pattern Library - Music

Event Data With Icon 

<div class="event-data-with-icon">
    <div class="event-data-with-icon__icon">
    </div>
    <div class="event-data-with-icon__detail">
    </div>
</div>
 
<div class="event-data-with-icon">
    <div class="event-data-with-icon__icon">
        {% block icon %}
        {% endblock %}
    </div>
    <div class="event-data-with-icon__detail">
        {% block information %}
        {% endblock %}
    </div>
</div>
 
{
  "siteUnit": "music",
  "departmentName": "Music",
  "background": "light"
}
  • Content: 
    breakpoint = eventCardBreakpoint
.event-data-with-icon
    +above(breakpoint)
        display flex
    &__icon
        margin 0 0 20px 0
        +above(breakpoint)
            margin 0 24px 0 0
    &__information
        flex 1
  • URL: /components/raw/event-data-with-icon/event-data-with-icon.styl
  • Filesystem Path: components/templates/event-data-with-icon/event-data-with-icon.styl
  • Size: 228 Bytes
  • Handle: @event-data-with-icon
  • Preview:
  • Filesystem Path: components/templates/event-data-with-icon/event-data-with-icon.twig

There are no notes for this item.