/**
 * @license
 * Copyright Endlessjs. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

@mixin el-user-theme() {
  el-user {
    .user-picture {
      background-color: el-theme(user-picture-box-background-color);
      border: el-theme(user-picture-box-border-width) solid el-theme(user-picture-box-border-color);
    }

    .initials {
      color: el-theme(user-initials-text-color);
      font-family: el-theme(user-initials-text-font-family);
      font-weight: el-theme(user-initials-text-font-weight);
    }

    .user-name {
      color: el-theme(user-name-text-color);
      font-family: el-theme(user-name-text-font-family);
      font-weight: el-theme(user-name-text-font-weight);
    }

    .user-title {
      color: el-theme(user-title-text-color);
      font-family: el-theme(user-title-text-font-family);
      font-weight: el-theme(user-title-text-font-weight);
    }
  }

  @each $size in el-get-sizes() {
    el-user.size-#{$size} {
      .user-picture {
        height: el-theme(user-#{$size}-height);
        width: el-theme(user-#{$size}-width);
      }
      .initials {
        font-size: el-theme(user-#{$size}-initials-text-font-size);
        line-height: el-theme(user-#{$size}-initials-text-line-height);
      }
      .user-name {
        font-size: el-theme(user-#{$size}-name-text-font-size);
        line-height: el-theme(user-#{$size}-name-text-line-height);
      }
      .user-title {
        font-size: el-theme(user-#{$size}-title-text-font-size);
        line-height: el-theme(user-#{$size}-title-text-line-height);
      }
    }
  }

  @each $shape in el-get-shapes() {
    el-user.shape-#{$shape} .user-picture {
      border-radius: el-theme(user-#{$shape}-border-radius);
    }
  }
}