<commit_before>.slab {
  @include full-bleed();
  position: relative;
  padding: {
    top: 2em;
    bottom: 2em;
  }
  border-bottom: 1px solid $color-tan;

  &:last-child {
    border-bottom: 0;
  }
}

.slab--white {
  background-color: #FFFFFF;
}

.slab--gradient {
  background-color: rgba($color-teal, .05);
  @include linear-gradient(to right, rgba($color-magenta, .015) 0%, rgba($color-teal, .04) 65%);
}

.slab--padded {
    padding: {
        top: 3em;
        bottom: 3em;
    }
}

.slab--not-padded {
  padding: {
    top: 0;
    bottom: 0;
  }
}

.slab--bleed {
  overflow: hidden;
}

.card {
    box-shadow: 0px 3px 8px rgba(0,0,0,.15);
    border-radius: $border-radius;
    padding: 1.5em $site-margins/2;
    background-color: #FFFFFF;
    margin-bottom: 2em;
    > *:last-child {
        margin-bottom: 0;
    }

    @include media($tablet-up) {
      padding: 1.5em 2em;
    }
}

.notice {
  background-color: rgba($color-teal, .05);
  padding: $site-margins/2;
  margin-bottom: 1em;
}

.tile {
  border: 1px solid $color-light-grey;
  padding: 1.5em 1em;
}

.textwell {
  .textwell__content {
    text-align: left;
    margin-bottom: 1em;
    max-height: 31rem;
    overflow: auto;
  }

  @include media($tablet-up) {
    .textwell__content {
      padding: 2em;
      border: 2px solid $color-light-grey;
    }
    .textwell__expander {
      display: none;
    }
  }

  @include media(0) {
    .textwell__content {
      overflow: hidden;
      padding: 0;
    }
  }

  &.textwell--expanded {
    .textwell__content {
      max-height: initial;
    }

    .textwell__expander {
      display: none;
    }
  }
}
<commit_msg>Don't apply mobile styles to non-mobile clients (#154)<commit_after>.slab {
  @include full-bleed();
  position: relative;
  padding: {
    top: 2em;
    bottom: 2em;
  }
  border-bottom: 1px solid $color-tan;

  &:last-child {
    border-bottom: 0;
  }
}

.slab--white {
  background-color: #FFFFFF;
}

.slab--gradient {
  background-color: rgba($color-teal, .05);
  @include linear-gradient(to right, rgba($color-magenta, .015) 0%, rgba($color-teal, .04) 65%);
}

.slab--padded {
    padding: {
        top: 3em;
        bottom: 3em;
    }
}

.slab--not-padded {
  padding: {
    top: 0;
    bottom: 0;
  }
}

.slab--bleed {
  overflow: hidden;
}

.card {
    box-shadow: 0px 3px 8px rgba(0,0,0,.15);
    border-radius: $border-radius;
    padding: 1.5em $site-margins/2;
    background-color: #FFFFFF;
    margin-bottom: 2em;
    > *:last-child {
        margin-bottom: 0;
    }

    @include media($tablet-up) {
      padding: 1.5em 2em;
    }
}

.notice {
  background-color: rgba($color-teal, .05);
  padding: $site-margins/2;
  margin-bottom: 1em;
}

.tile {
  border: 1px solid $color-light-grey;
  padding: 1.5em 1em;
}

.textwell {
  .textwell__content {
    text-align: left;
    margin-bottom: 1em;
    max-height: 31rem;
    overflow: auto;
  }

  @include media($tablet-up) {
    .textwell__content {
      padding: 2em;
      border: 2px solid $color-light-grey;
    }
    .textwell__expander {
      display: none;
    }
  }

  @include media(max-width $mobile-up) {
    .textwell__content {
      overflow: hidden;
      padding: 0;
    }
  }

  &.textwell--expanded {
    .textwell__content {
      max-height: initial;
    }

    .textwell__expander {
      display: none;
    }
  }
}

{'fraction_non_alphanumeric': 0.15591397849462366, 'fraction_numerical': 0.02986857825567503, 'mean_word_length': 2.2705078125, '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': '4428214', 'n_tokens_mistral': 1431, 'n_tokens_neox': 1315, 'n_words': 254}