<commit_before>/* =====================================
 * BREAKPOINTS
 * ===================================== */

$responsive:(xs: 480px, sm: 768px, md: 1024px, lg: 1200px);

/* =====================================
 * MIXIN
 * ===================================== */

@mixin responsive($class) {
  @media all and (min-width: map-get($responsive, $class)) {
    @content;
  }
}
<commit_msg>change the way to manage responsive in scss files<commit_after>/* =====================================
 * BREAKPOINTS
 * ===================================== */

$responsive:(xs: 480px, sm: 768px, md: 1024px, lg: 1200px);

/* =====================================
 * MIXIN
 * ===================================== */

@mixin responsive($class) {
  @if map-has-key($responsive, $class) {
    @media all and (min-width: map-get($responsive, $class)) {
      @content;
    }
  }
  @else {
    @warn "---> '#{$class}' is not supported";
  }
}

{'fraction_non_alphanumeric': 0.4486081370449679, 'fraction_numerical': 0.029978586723768737, 'mean_word_length': 4.917721518987341, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 4, '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': '7296422', 'n_tokens_mistral': 317, 'n_tokens_neox': 270, 'n_words': 57}