<commit_before>@import '../../../xebiaUI/styles/variables';
@import (reference) '../../../xebiaUI/styles/main';

@keyframes card-out {
  0% {
    transform: translateY(0px) rotate(-4deg);
  }
  50% {
    transform: translateY(-20%) rotate(-5deg) translateX(-20px);
  }
  100% {
    transform: translateY(-30px) rotate(8deg) translateX(25px) scale(0.95);
  }
}

.home {

  .home-extension {
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6a205f+0,6a205f+49,06a99c+49,06a99c+100 */
    background: #6a205f; /* Old browsers */
    background: -moz-linear-gradient(left, #6a205f 0%, #6a205f 49%, #06a99c 49%, #06a99c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6a205f 0%, #6a205f 49%, #06a99c 49%, #06a99c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6a205f 0%, #6a205f 49%, #06a99c 49%, #06a99c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a205f', endColorstr='#06a99c', GradientType=1); /* IE6-9 */

    .xuiShowcase-leftPanel {
      padding: 30px 15px;
      @media (min-width: @screen-tablet) {
        background-color: rgba(106, 32, 95, 0.7);
        opacity: 1;
        padding: 60px 15px;
      }
      @media (min-width: @screen-desktop) {
        padding: 40px 90px 40px 10px;
      }
    }

    .xuiShowcase-rightPanel {

      .home-carousel {
        .carousel-indicators {
          bottom: 100px;
          left: 148px;
          width: auto;
          margin-left: 0;

          @media (min-width: @screen-tablet) {
            bottom: 40px;
          }

          li {
            margin-right: 4px;
            margin-left: 4px;
            border-color: white;
          }
          .active {
            background-color: white;
            border-color: white;
          }
        }

        .carousel-inner {
          overflow: visible;

          .home-carousel-img {
            position: relative;
            z-index: 101;
            height: 290px;
            left: -90px;
            top: -30px;

            @media (min-width: @screen-tablet) {
              height: 360px;
              top: 0;
              left: -90px;
            }
            @media (min-width: @screen-desktop) {
              left: -150px;
              height: 360px;
              top: 0;
            }
          }

          .home-carousel-content {
            position: absolute;
            .xui-body1;

            top: 10%;
            left: -15px;
            padding: 30px 0;
            @media (min-width: @screen-tablet) {
              top: 35%;
              left: -15px;
            }

            color: white;
            @media (max-width: @screen-phone) {
              color: @xui-purple1;
            }

            .bold {
              .xui-body2;
              color: white;
            }
            .home-carousel-content-name {
              padding: 5px 10px 5px 200px;
              background-color: @xui-cyan1;

              .home-carousel-content-headline1,
              .home-carousel-content-headline2 {
                padding-bottom: 5px;
              }
            }
            .home-carousel-link {
              padding: 5px 10px 5px 140px;
              margin-top: 15px;
              .xui-body1;
              color: white;
              background-color: @xui-cyan1;

              @media (min-width: @screen-tablet) {
                padding-left: 200px;
              }
            }
          }<commit_msg>fix color mobile for slider text info<commit_after>@import '../../../xebiaUI/styles/variables';
@import (reference) '../../../xebiaUI/styles/main';

@keyframes card-out {
  0% {
    transform: translateY(0px) rotate(-4deg);
  }
  50% {
    transform: translateY(-20%) rotate(-5deg) translateX(-20px);
  }
  100% {
    transform: translateY(-30px) rotate(8deg) translateX(25px) scale(0.95);
  }
}

.home {

  .home-extension {
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6a205f+0,6a205f+49,06a99c+49,06a99c+100 */
    background: #6a205f; /* Old browsers */
    background: -moz-linear-gradient(left, #6a205f 0%, #6a205f 49%, #06a99c 49%, #06a99c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6a205f 0%, #6a205f 49%, #06a99c 49%, #06a99c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6a205f 0%, #6a205f 49%, #06a99c 49%, #06a99c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a205f', endColorstr='#06a99c', GradientType=1); /* IE6-9 */

    .xuiShowcase-leftPanel {
      padding: 30px 15px;
      @media (min-width: @screen-tablet) {
        background-color: rgba(106, 32, 95, 0.7);
        opacity: 1;
        padding: 60px 15px;
      }
      @media (min-width: @screen-desktop) {
        padding: 40px 90px 40px 10px;
      }
    }

    .xuiShowcase-rightPanel {

      .home-carousel {
        .carousel-indicators {
          bottom: 100px;
          left: 148px;
          width: auto;
          margin-left: 0;

          @media (min-width: @screen-tablet) {
            bottom: 40px;
          }

          li {
            margin-right: 4px;
            margin-left: 4px;
            border-color: white;
          }
          .active {
            background-color: white;
            border-color: white;
          }
        }

        .carousel-inner {
          overflow: visible;

          .home-carousel-img {
            position: relative;
            z-index: 101;
            height: 290px;
            left: -90px;
            top: -30px;

            @media (min-width: @screen-tablet) {
              height: 360px;
              top: 0;
              left: -90px;
            }
            @media (min-width: @screen-desktop) {
              left: -150px;
              height: 360px;
              top: 0;
            }
          }

          .home-carousel-content {
            position: absolute;
            .xui-body1;

            top: 10%;
            left: -15px;
            padding: 30px 0;
            @media (min-width: @screen-tablet) {
              top: 35%;
              left: -15px;
            }

            color: white;

            .bold {
              .xui-body2;
              color: white;
            }
            .home-carousel-content-name {
              padding: 5px 10px 5px 200px;
              background-color: @xui-cyan1;

              .home-carousel-content-headline1,
              .home-carousel-content-headline2 {
                padding-bottom: 5px;
              }
            }
            .home-carousel-link {
              padding: 5px 10px 5px 140px;
              margin-top: 15px;
              .xui-body1;
              color: white;
              background-color: @xui-cyan1;

              @media (min-width: @screen-tablet) {
                padding-left: 200px;
              }
            }
          }
{'fraction_non_alphanumeric': 0.13388943871058956, 'fraction_numerical': 0.071963806022904, 'mean_word_length': 1.4184615384615384, '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': '83971', 'n_tokens_mistral': 2680, 'n_tokens_neox': 2261, 'n_words': 455}