<commit_before>@import "imports/variables";
@import "imports/mixins";
@import "imports/for";

// Global Styles


// Cycle2-related styles

// Center the player content on mobile view
.cycle-slideshow {
  max-width: 277px;
  margin: 0 auto;
}

// Style the player info
.player-container {
  padding-top: 165px;
  width: 300px;
  height: 300px;

  font-size: 19px;
  text-align: center;
  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.35);
  background-color: rgba(50, 50, 50, 0.35);
}

// Set player name styles
.player-name {
  font-size:19px;

  // text-transform is inefficient, but is fine for this demo's purposes
  text-transform: uppercase;
}

/*
 * Dynamically build player image css classes
 * Learn more at: http://bit.ly/12tpr20
 */
@players: @courtois, @drogba, @fabregas, @terry,
          @casillas, @ramos, @bale, @ronaldo,
          @abbiati, @alex, @essien, @torres;

.player-container-bgimage {
  .for(@players); .-each(@player) {
    @name: e(@player);
    &-@{name} {
      max-width: 280px;
      position: absolute !important;

      background: url('../img/@{name}.jpg') no-repeat 0 0;
      background-size: 280px 280px;
      border: 3px solid rgba(255, 255, 255, 1);
    }
  }
}

@media (min-width: 768px) {

  // Style the element that contains ALL the player info
  .all-player-info {
    min-height: 110px;
    padding: 5px;

    background: #fff;
  }

  // Slightly push player content down the page on wider views
  .player-container {
    padding-top: 186px;
    background-color: rgba(255, 255, 255, 1);
  }

  // style the player's content on wider views
  .player-info, .player-name {
    margin: 2px 0;
  }

  .cycle-slideshow {
    left: 51px;
    float: left;
    margin: 0 auto;
    position: static !important;

  }

}
<commit_msg>change ".cycle-slideshow" for the mobile view<commit_after>@import "imports/variables";
@import "imports/mixins";
@import "imports/for";

// Global Styles


// Cycle2-related styles

// Center the player content on mobile view
.cycle-slideshow {
  max-width: 277px;
  margin: 0 auto;
}

// Style the player info
.player-container {
  padding-top: 165px;
  width: 300px;
  height: 300px;

  font-size: 19px;
  text-align: center;
  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.35);
  background-color: rgba(50, 50, 50, 0.35);
}

// Set player name styles
.player-name {
  font-size:19px;

  // text-transform is inefficient, but is fine for this demo's purposes
  text-transform: uppercase;
}

/*
 * Dynamically build player image css classes
 * Learn more at: http://bit.ly/12tpr20
 */
@players: @courtois, @drogba, @fabregas, @terry,
          @casillas, @ramos, @bale, @ronaldo,
          @abbiati, @alex, @essien, @torres;

.player-container-bgimage {
  .for(@players); .-each(@player) {
    @name: e(@player);
    &-@{name} {
      max-width: 280px;
      position: absolute !important;

      background: url('../img/@{name}.jpg') no-repeat 0 0;
      background-size: 280px 280px;
      border: 3px solid rgba(255, 255, 255, 1);
    }
  }
}

@media (min-width: 768px) {

  // Style the element that contains ALL the player info
  .all-player-info {
    min-height: 110px;
    padding: 5px;

    background: #fff;
  }

  // Slightly push player content down the page on wider views
  .player-container {
    padding-top: 186px;
    background-color: rgba(255, 255, 255, 1);
  }

  // style the player's content on wider views
  .player-info, .player-name {
    margin: 2px 0;
  }

  .cycle-slideshow {
    float: left;
    margin: 0 auto;
  }

}

{'fraction_non_alphanumeric': 0.14216799091940976, 'fraction_numerical': 0.0510783200908059, 'mean_word_length': 2.8315217391304346, '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': '6977716', 'n_tokens_mistral': 1460, 'n_tokens_neox': 1250, 'n_words': 358}