<commit_before>
.slider-modal-wrap{

  position: fixed;
  @include square-dim(100%);
  background-color: $modal-background;
  top: 0;
  left: 0;
  z-index: 1000;


  .loader{
    @include square-dim(100px);
    position: relative;
    top: 40%;
    display: block;
    margin: 0 auto;
  }

  .slider-wrap {

    position: relative;
    //visibility: hidden;
    top: 25%;


    &__controls {
      position: absolute;
      width: 100%;
      top: 44%;

      .control {
        position: absolute;
        font-size: 50px;
        color: #D2DED0;
        margin: 0 35px;

        a {
          @include square-dim(100%);
          display: block;
          position: absolute;
          top: 0;
        }
      }

    }
  }

  #next-slide{
    right: 0;
  }


  .bx-slider {

    img{
      display: block;
      margin: 0 auto;
    }

    li{
      width: 300px;
    }

  }
}

<commit_msg>gallery slider css module responsive adjustments<commit_after>
.slider-modal-wrap{

  position: fixed;
  @include square-dim(100%);
  background-color: $modal-background-no-alpha;
  top: 0;
  left: 0;
  z-index: 1000;

  @include modular-mq(tablet){
    background-color: $modal-background;
  }


  .loader{
    @include square-dim(35px);
    position: relative;
    top: 40%;
    display: block;
    margin: 0 auto;

    @include modular-mq(desktop){
      @include square-dim(100px)
    }
  }

  .slider-wrap {

    position: relative;
    top: 15%;

    @include modular-mq(tablet){
      top: 11%;
    }

    @include modular-mq(desktop){
      top: 25%;
    }

    &__controls {
      position: absolute;
      display: none;

      @include modular-mq(desktop){
        display: block;
        width: 100%;
        top: 44%;
      }

      .control {
        position: absolute;
        font-size: 50px;
        color: #D2DED0;
        margin: 0 35px;

        a {
          @include square-dim(100%);
          display: block;
          position: absolute;
          top: 0;
        }
      }

    }
  }

  #next-slide{
    right: 0;
  }


  .bx-slider {

    img{
      display: block;
      margin: 0 auto;
      width: 90%;

      @include modular-mq(mobile, landscape){
        width: 35%;
      }

      @include modular-mq(tablet){
        width: 80%;
      }

      @include modular-mq(tablet, landscape){
        width: 44%;
      }

      @include modular-mq(desktop){
        width: initial;
      }
    }

    li{
      width: 300px;
    }

  }
}



{'fraction_non_alphanumeric': 0.12978030919446704, 'fraction_numerical': 0.03661513425549227, 'mean_word_length': 1.638412017167382, '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': '6545448', 'n_tokens_mistral': 954, 'n_tokens_neox': 810, 'n_words': 189}