// Use the following classes to add an icon before the block title link

$icons:
  'icn-twitter',
  'icn-tablet',
  'icn-calendar',
  'icn-newshorn',
  'icn-play',
  'icn-participate',
  'icn-photogallery',
  'icn-town-council',
  'icn-login',
  'icn-news',
  'icn-coffee',
  'icn-plans-projects',
  'icn-boardquestions',
  'icn-together',
  'icn-influence';


.block {
  @each $icon in $icons {
    &.#{$icon} {
      position: relative;

      .block-title {
        padding-left: 40px !important;

        &:before {
          content: ' ';
          background-image: url('../img/block-title-icons/#{$icon}.svg');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
          display: inline-block;
          width: 30px;
          height: 35px;
          vertical-align: bottom;
          margin-right: 10px;
          position: absolute;
          top: 0;
          left: 0;
        }
      }

      .field-felix-button {
        padding-left: 50px !important;

        &:before {
          content: ' ';
          @include background(image-url("../img/block-title-icons/#{$icon}.svg"));
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
          display: inline-block;
          width: 30px;
          height: 35px;
          vertical-align: bottom;
          margin-right: 10px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 10px;
        }
      }
    }
  }
}