@import "../../styles/themes.scss";
@import "../../styles/typography.scss";

.example-margin {
  margin: 12px 0;
}

.input {
  @include font-input();
}

.typo-row {
  height: 80px;
  border-bottom: 1px solid var(--ui-border-color);
  width: 100%;
  display: flex;
  align-items: center;
  &.typo-row-header {
    background-color: var(--label-background-color);
    font-size: 14px;
    color: var(--secondary-text-color);
    height: 50px;
    line-height: 22px;
    font-weight: 300;
    .style {
      padding-left: 8px;
    }
  }
  .style,
  .weight,
  .size,
  .line-height,
  .spacing {
    width: 14%;
  }
  .comments {
    width: 28%;
  }
  .weight,
  .size,
  .line-height,
  .spacing,
  .comments {
    color: var(--secondary-text-color);
    font-size: 16px;
    font-weight: 300;
    text-align: center;
  }
}