@import 'Styles/colors.scss';

$default-font-family: "Noto Sans", Arial, sans-serif;
$small-font-size: 12px;
$standard-font-size: 15px;

.primary-title {
  color: $font-primary;
  font-size: 20px;
}

.title {
  color: $font-primary;
  font-size: 14px;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.plugin-title {
  color: $font-primary;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.32px;
}

.modal-header-title {
  @extend .primary-title;

  font-weight: bold;
  letter-spacing: 0.015em;
}

.default-title {
  font-size: 14px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.rendition-collection-title {
  @extend .title;

  font-weight: bold;
  margin: 20px 0;
}

.metadata-title {
  @extend .primary-title;

  letter-spacing: 0.5px;
}

.cropper-title {
  @extend .primary-title;

  letter-spacing: 0.3px;
}

.aspect-ratio-title {
  color: $disable-color;
  font-size: 15px;
  text-align: center;
}

.cropper-tooltip {
  color: white;
  font-size: 13px;
  line-height: 15px;
}