drupal-reha/web/themes/custom/reha/scss/global/variables/mixin.scss

@mixin shadow{
    box-shadow: none;
    transition: 0.3s transform ease, 0.3s box-shadow ease;
    &:hover{
      transform: scale(1.05);
      box-shadow: 0px 0px 13px 0px $color2024;
      transition: 0.3s transform ease, 0.3s box-shadow ease;
    }
  }
  
@mixin node-site {
  h2{
    order: 2;
    margin: 0;
  }
  .field--name-field-numero-site {
      order: 1;
      text-transform: uppercase;
      font-size: 2rem;
  }
  .field--name-field-adresse-site{
      order: 3;
      font-size: 1.5rem;
      .address{
          margin: 0;
          display: inline-flex;
          .postal-code{
              order: 2;
          }
          .locality{
              order: 1;
              text-transform: capitalize;
              margin-right: 0.5rem;
          }
          .country{
              display: none;
          }
      }
  }
  .field--name-field-architecte{
      order: 4;
  }
}