<commit_before>
@import 'normalize.less';

/*
|--------------------------------------------------------------------------
| Container + Responder
|--------------------------------------------------------------------------
*/

.container {
     height: 600px;
     margin: 200px auto;
     text-align: center;
}

@media( min-width: 980px ) {
     .container {
          width: 800px;
     }
}


/*
|--------------------------------------------------------------------------
| Slider
|--------------------------------------------------------------------------
*/

#slider {
     // this markup is required to make it work!
     height: 600px;
     overflow: hidden;
     position: relative;
}

.item {
     // This stuff too!
     width: 100%;
     height: 600px;
     float: left;
     // everything else under is just for the example
     background-color: #f9f9f9;
     display: flex;
     align-items: center;
     justify-content: center;
     &.one {
          background-color: #2ecc71;
     }
     &.two {
          background-color: #3498db
     }
     &.three {
          background-color: #e67e22;
     }
     &.four {
          background-color: #9b59b6;
     }
}

/*
|--------------------------------------------------------------------------
| Captions, Navigation + Previous/Next Slide
|--------------------------------------------------------------------------
*/

.caption {
     background-color: rgba(255,255,255,0.5);
     padding: 20px;
     border-radius: 5px;
     color: #fff;
}

.slide-navigation {
     display: inline-block;
     padding: 30px 0;
     a {
          display: inline-block;
          width: 10px;
          height: 10px;
          border-radius: 100%;<commit_msg>updated example and added media query examples<commit_after>
@import 'normalize.less';

/*
|--------------------------------------------------------------------------
| Container + Responder
|--------------------------------------------------------------------------
*/

.container {
     height: 600px;
     margin: 200px auto;
     text-align: center;
}

@media( min-width: 980px ) {
     .container {
          width: 800px;
     }
}


/*
|--------------------------------------------------------------------------
| Slider
|--------------------------------------------------------------------------
*/

#slider {
     // this markup is required to make it work!
     height: 600px;
     overflow: hidden;
     position: relative;
}

.item {
     // This stuff too!
     width: 100%;
     float: left;
     // everything else under is just for the example
     background-color: #f9f9f9;
     display: flex;
     align-items: center;
     justify-content: center;
     &.one {
          background-color: #2ecc71;
     }
     &.two {
          background-color: #3498db
     }
     &.three {
          background-color: #e67e22;
     }
     &.four {
          background-color: #9b59b6;
     }
}

// Example of how the slider reacts to media queries
@media( min-width: 1px ) {
     #slider {
          height: 300px;
     }
}

@media( min-width: 980px ) {
     #slider {
          height: 600px;
     }
}

/*
|--------------------------------------------------------------------------
| Captions, Navigation + Previous/Next Slide
|--------------------------------------------------------------------------
*/

.caption {
     background-color: rgba(255,255,255,0.5);
     padding: 20px;
     border-radius: 5px;
     color: #fff;
}

#slide-navigation {
     display: inline-block;
     padding: 30px 0;
     a {
          display: inline-block;
          width: 10px;
          height: 10px;
          border-radius: 100%;
{'fraction_non_alphanumeric': 0.34233737596471886, 'fraction_numerical': 0.0366593164277839, 'mean_word_length': 0.9521247982786444, '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': '4964755', 'n_tokens_mistral': 1062, 'n_tokens_neox': 939, 'n_words': 226}