@include block ('snippet') {

  @include element ('title') {
    margin: 0;
  }

  @include element ('sub-title') {
    margin: 0;
  }

  @include element ('info-title') {
    font-weight: $font-weight-bold;

    @include modifier ('upper') {
      text-transform: uppercase;
    }
  }

  @include element ('info-item') {
    display: inline-block;
    margin-bottom: s(1);
    margin-top: s(1);

    & + & {
      margin-left: s(2);
    }

    @include modifier ('code') {
      margin-bottom: 0;
      margin-top: s(2);
    }

    @include modifier ('icon') {
      margin-right: s(-0.5);
      position: relative;
      top: s(-0.5);
    }
  }

  @include element ('icon') {
    $size: 40px;
    background-color: $color-icon-background;
    border-radius: 100px;
    color: $color-icon-text;
    line-height: $size;
    text-align: center;
    width: $size;
  }
}