<commit_before>@import '~styles/layout.scss';

.step {
  min-height: 25%;
  border-bottom: 1px solid #cbccd0;
  padding-bottom: 40px;
  margin-bottom: 30px;

  &:last-child {
    border: none;
  }
}

.stepTitle {
  padding-bottom: 30px;
  font-size: $font-size-large;
  color: $theme-color;
}

.stepSubTitle {
  padding-bottom: 10px;
  font-size: $font-size;
  font-weight: $font-weight-bold;
  color: $theme-color;
}

.step1ListContainer,
.selectsContainer {
  @include columns(3);
}

.step2ListContainer {
  @include columns(4);
}

.selectsContainer {
  > *:nth-child(4) {
    // force element to jump to next line
    margin-left: 1rem;
  }
}

.selectsItem {
  &Hidden {
    display: none;
  }
}

.cardContent {
  padding: 5px;
}

.cardTitle {
  font-size: 1em;
  font-weight: 600;
}

.cardTags {
  margin-top: 1.5em;
  font-size: 0.7em;
  color: #8f8fa0;
}

.saveContainer {
  @include columns(2);

  > *:nth-child(2) {
    @include column-offset($number: 8, $gutters: true);
  }
}

.timeseriesLoader {
  min-height: 300px;
}

.dropDowns {
  margin-bottom: 1.2rem;
}

.chart,
.legend,
.fieldset {
  margin-bottom: 1rem;
}

.chart {
  margin-left: -1rem;
}

.fieldset {
  margin-top: 0.5em;
  padding-bottom: 0.5em;

  &.fieldsetContainer {
    border: 1px solid transparent;
    width: 60%;

    &Failed {
      border-bottom-color: red;
    }
  }
}

.input,
.textArea {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
  color: $theme-color;
  border-radius: 4px;
  padding: 1em;

  &Failed {
    width: 100%;
    // border-color: red;
  }

  &::placeholder {
    color: $theme-color;
    font-style: initial;
    opacity: 0.5;
  }

  &:focus {
    border: solid 1px $theme-color;
  }
}
<commit_msg>Add responsive styles to viz creator<commit_after>@import '~styles/layout.scss';

.step {
  min-height: 25%;
  border-bottom: 1px solid #cbccd0;
  padding-bottom: 40px;
  margin-bottom: 30px;

  &:last-child {
    border: none;
  }
}

.stepTitle {
  padding-bottom: 30px;
  font-size: $font-size-large;
  color: $theme-color;
}

.stepSubTitle {
  padding-bottom: 10px;
  font-size: $font-size;
  font-weight: $font-weight-bold;
  color: $theme-color;
}

.step1ListContainer {
  @include columns();

  @media #{$tablet-portrait} {
    @include columns(6);
  }

  @media #{$tablet-landscape} {
    @include columns(3);
  }
}

.step2ListContainer {
  @include columns();

  @media #{$tablet-portrait} {
    @include columns(6);
  }

  @media #{$tablet-landscape} {
    @include columns(4);
  }
}

.selectsContainer {
  @include columns();

  @media #{$tablet-portrait} {
    @include columns(4);
  }

  @media #{$tablet-landscape} {
    @include columns(3);
    > *:nth-child(4) {
      // force element to jump to next line
      margin-left: 1rem;
    }
  }
}

.selectsItem {
  &Hidden {
    display: none;
  }
}

.cardContent {
  padding: 5px;
}

.cardTitle {
  font-size: 1em;
  font-weight: 600;
}

.cardTags {
  margin-top: 1.5em;
  font-size: 0.7em;
  color: #8f8fa0;
}

.saveContainer {
  @include columns(2);

  > *:nth-child(2) {
    @include column-offset($number: 8, $gutters: true);
  }
}

.timeseriesLoader {
  min-height: 300px;
}

.dropDowns {
  margin-bottom: 1.2rem;
}

.chart,
.legend,
.fieldset {
  margin-bottom: 1rem;
}

.chart {
  margin-left: -1rem;
}

.fieldset {
  margin-top: 0.5em;
  padding-bottom: 0.5em;

  &.fieldsetContainer {
    border: 1px solid transparent;
    width: 60%;

    &Failed {
      border-bottom-color: red;
    }
  }
}

.input,
.textArea {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
  color: $theme-color;
  border-radius: 4px;
  padding: 1em;

  &Failed {
    width: 100%;
    // border-color: red;
  }

  &::placeholder {
    color: $theme-color;
    font-style: initial;
    opacity: 0.5;
  }

  &:focus {
    border: solid 1px $theme-color;
  }
}

{'fraction_non_alphanumeric': 0.16645391881541996, 'fraction_numerical': 0.03931580291039061, 'mean_word_length': 2.7314285714285713, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '3145834', 'n_tokens_mistral': 1750, 'n_tokens_neox': 1611, 'n_words': 330}