<commit_before>:root { font: $font-base; }

h1 { @extend .nio-heading, .nio-heading--primary; }
h2 { @extend .nio-heading, .nio-heading--secondary; }
h3 { @extend .nio-heading, .nio-heading--tertiary; }
h4 { @extend .nio-heading, .nio-heading--quaternary; }
h5 { @extend .nio-heading, .nio-heading--quinary; }
h6 { @extend .nio-heading, .nio-heading--senary; }

em { @extend .nio-emphasis; }

:link, :visited {
	text-decoration: none;
  color: $color-nio;

	&:hover, &:active, &:focus {
		text-decoration: none;
		outline: 0;
	}
}

table { @extend .nio-table; }

.nio-form {

  // rows
  &__row {
    display: flex;
    > *:not(:first-child) {
      margin-left: $dist-small;
    }
    > *:not(:last-child) {
      margin-right: $dist-small;
    }
  }

  &__label {
    display: block;
    font-weight: 600;
    font-size: $font-size-small;
    margin-bottom: $dist-small;
  }

  &__control {
    box-sizing: border-box;
    font: $font-base;
    padding: $dist-large $dist-large;
    border-radius: $dist-small;
    border: $dist-thin solid transparent;
    margin-top: $dist-small;
    margin-bottom: $dist-small;

  }

  // Text fields
  &__text-field {
    @extend .nio-form__control;

    width: 100%;
    background-color: $color-light;

    &::placeholder {
      font-weight: 200;
      color: darken($color-light, 10);
    }
    &:focus {
      outline: 0;
      border-color: darken($color-light, 10);
    }
  }

  &__button {
    @extend .nio-form__control;
    background-color: transparent;
    border-color: currentcolor;
    font: $font-base;
    font-weight: 600;
    color: $color-red;
    padding: $dist-large $dist-large;
    min-width: 20ch;

    &:focus { outline: 0; }
  }

}<commit_msg>removing duplicate table style. (got moved to thier own file.)<commit_after>:root { font: $font-base; }

h1 { @extend .nio-heading, .nio-heading--primary; }
h2 { @extend .nio-heading, .nio-heading--secondary; }
h3 { @extend .nio-heading, .nio-heading--tertiary; }
h4 { @extend .nio-heading, .nio-heading--quaternary; }
h5 { @extend .nio-heading, .nio-heading--quinary; }
h6 { @extend .nio-heading, .nio-heading--senary; }

em { @extend .nio-emphasis; }

:link, :visited {
	text-decoration: none;
  color: $color-nio;

	&:hover, &:active, &:focus {
		text-decoration: none;
		outline: 0;
	}
}

table { @extend .nio-table; }
{'fraction_non_alphanumeric': 0.1776061776061776, 'fraction_numerical': 0.014586014586014585, 'mean_word_length': 2.7857142857142856, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6927809', 'n_tokens_mistral': 919, 'n_tokens_neox': 874, 'n_words': 181}