<commit_before>// Thought of the Day

.thought-of-the-day {
  @include clearfix;
  position: relative;
  margin-bottom: 60px;

  .close-button {
    left: auto;
    top: 30px;
    right: 20px;
  }

  blockquote {
    margin: 40px 0 10px;
    @extend .smooth;

    p {
      transition: color $transition-speed;
      color: $white;
    }
  }

  h2 {
    padding: 5px 30px 0;
    white-space: nowrap;
  }

  p {
    @include font-style3;
    letter-spacing: 0;
    font-variant-ligatures: common-ligatures;
  }

  cite {
    margin: 20px 0 30px;
    display: block;
    @include font-style2;
    color: $dk-blue;
    line-height: 1.6;
    font-size: $small;
    font-style: normal;
  }

  textarea {
    @include font-style3;
    width: 100%;
    height: 140px;
    background: none;
    border: none;
    color: $dk-blue;
    outline: none;
    margin-bottom: 10px;
    resize: none;
  }
  input[type=text] {
    border: none;
    outline: none;
  }
  input[type=text],
  select {
    @include font-style1;
    color: $dk-blue;
    padding: 6px 10px;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 10px;
    background: $bg-pink;
  }

  // Submitting thought, show form
  &.submitting-thought {
    background: $white;
    @include tablet {
      margin-right: #{-$column-width * 22/5 - 2%}; // container element is 5col in 22col grid, extra 2% is for outer margin
      margin-left:  -$column-width/2 * 22/5;
      padding: #{$column-width/2 * 22/5};
    }
    .thought-wrapper {
      display: none;
    }
    .close-button,
    .submit-thought-wrapper {
      display: block;
    }
  }
}<commit_msg>add padding to submit-a-thought form on mobile<commit_after>// Thought of the Day

.thought-of-the-day {
  @include clearfix;
  position: relative;
  margin-bottom: 60px;

  .close-button {
    left: auto;
    top: 30px;
    right: 20px;
  }

  blockquote {
    margin: 40px 0 10px;
    @extend .smooth;

    p {
      transition: color $transition-speed;
      color: $white;
    }
  }

  h2 {
    padding: 5px 30px 0;
    white-space: nowrap;
  }

  p {
    @include font-style3;
    letter-spacing: 0;
    font-variant-ligatures: common-ligatures;
  }

  cite {
    margin: 20px 0 30px;
    display: block;
    @include font-style2;
    color: $dk-blue;
    line-height: 1.6;
    font-size: $small;
    font-style: normal;
  }

  textarea {
    @include font-style3;
    width: 100%;
    height: 140px;
    background: none;
    border: none;
    color: $dk-blue;
    outline: none;
    margin-bottom: 10px;
    resize: none;
  }
  input[type=text] {
    border: none;
    outline: none;
  }
  input[type=text],
  select {
    @include font-style1;
    color: $dk-blue;
    padding: 6px 10px;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 10px;
    background: $bg-pink;
  }

  // Submitting thought, show form
  &.submitting-thought {
    background: $white;
    padding: #{$column-width/2 * 22/5};
    @include tablet {
      margin-right: #{-$column-width * 22/5 - 2%}; // container element is 5col in 22col grid, extra 2% is for outer margin
      margin-left:  -$column-width/2 * 22/5;
    }
    .thought-wrapper {
      display: none;
    }
    .close-button,
    .submit-thought-wrapper {
      display: block;
    }
  }
}
{'fraction_non_alphanumeric': 0.13166517724158475, 'fraction_numerical': 0.03991659219541257, 'mean_word_length': 2.1709159584513693, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '139647', 'n_tokens_mistral': 1360, 'n_tokens_neox': 1207, 'n_words': 306}