@use '../core/style/spacing' as *;

$title-block-margin-small: $uxg-spacing-1;

.uxg-avatar-title-block {
  height: $uxg-spacing-5;

  .uxg-avatar {
    float: left;
    margin: 0;
    margin-right: $uxg-spacing-2;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    padding-top: $uxg-spacing-2;
  }
}

.uxg-avatar-hero-block {
  text-align: center;

  .uxg-avatar {
    margin: auto;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    margin-top: $uxg-spacing-3;
    padding-bottom: $uxg-spacing-1;
  }
}