<div class="section--accent island dg-default-block">
    <h3>Gentinfo</h3>
    <ul class="no-style">
        <li><a class="phone" href="tel:+3288888888">08 888 88 88 - mo - sat from 8-19u</a></li>
        <li><a class="email" href="mailto:gentinfo@stad.gent">gentinfo@stad.gent</a></li>
        <li><a class="link" href="">Contact form</a></li>
        <li><a class="btn textballoon">Online Chat</a></li>
    </ul>
</div>
<div class="section--accent island dg-default-block">
  {% include '@h3'with { 'h3_text': 'Gentinfo' } %}
  {% include '@list'with {
    'h3_text': 'Gentinfo',
    'modifier': 'no-style',
    'items': [
      '<a class="phone" href="tel:+3288888888">08 888 88 88 - mo - sat from 8-19u</a>',
      '<a class="email" href="mailto:gentinfo@stad.gent">gentinfo@stad.gent</a>',
      '<a class="link" href="">Contact form</a>',
      '<a class="btn textballoon">Online Chat</a>'
    ]
  } %}
</div>
/* No context defined for this component. */
  • Content:
    .dg-default-block {
      @include no-link-style;
    
      h3 {
        @extend %h2;
      }
    
      li {
        padding: .2rem 0;
      }
    
      a {
        color: $color-white;
      }
    
      .phone {
        &::before {
          @extend %icon-base-css;
          @extend %icon-phone;
    
          padding-right: .5rem;
        }
      }
    
      .email {
        &::before {
          @extend %icon-base-css;
          @extend %icon-email;
    
          padding-right: .5rem;
        }
      }
    
      .link {
        &::before {
          @extend %icon-base-css;
          @extend %icon-link;
    
          padding-right: .5rem;
        }
      }
    
      .textballoon {
        margin-top: 1rem;
    
        &:hover {
          color: $color-blue;
        }
    
        &::before {
          @extend %icon-base-css;
          @extend %icon-textballoon-fill-right;
    
          padding-right: .5rem;
        }
      }
    }
    
  • URL: /components/raw/gentinfo-island/_gentinfo_island.scss
  • Filesystem Path: components/31-molecules/islands/gentinfo-island/_gentinfo_island.scss
  • Size: 734 Bytes

There are no notes for this item.