ujiro99/tlt

@define-mixin text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@define-mixin interactable {
  cursor: pointer;
  transition: background-color 0.2s ease-out;
  &:hover {
    background-color: var(--bg-gray-100);
  }
}

@define-mixin section-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: var(--text-500);
  font-weight: 500;
}