<commit_before>//Animation Mixins & Classes
.animation(@name, @iteration, @duration, @ease, @delay) {
    -moz-animation-name: @name;
    -moz-animation-iteration-count: @iteration;
    -moz-animation-duration: @duration;
    -moz-animation-timing-function: @ease;
    -moz-animation-delay: @delay;

    -webkit-animation-name: @name;
    -webkit-animation-iteration-count: @iteration;
    -webkit-animation-duration: @duration;
    -webkit-animation-timing-function: @ease;
    -webkit-animation-delay: @delay;

    animation-name: @name;
    animation-iteration-count: @iteration;
    animation-duration: @duration;
    animation-timing-function: @ease;
    animation-delay: @delay;
}

.keyframes(@name; @arguments) {
    @-moz-keyframes @name { @arguments(); }
    @-webkit-keyframes @name { @arguments(); }
    @keyframes @name { @arguments(); }
}



.translate(@x, @y){
    -ms-transform: translate(@x,@y);
    -webkit-transform: translate(@x,@y);
    transform: translate(@x,@y);
}

.translateY(@x){
    -ms-transform: translateY(@x);
    -webkit-transform: translateY(@x);
    transform: translateY(@x);
}

.scale(@x, @y){
    -ms-transform: scale(@x,@y); /* IE 9 */
    -webkit-transform: scale(@x,@y); /* Safari */
    transform: scale(@x,@y);
}


.noAnimation{
    animation-duration: 0ms;
    -webkit-animation-duration: 0ms;
    -moz-animation-duration: 0ms;
}




//Logo Animation
.logoAnimatedFixed{
    .animation(logoAnimatedFixed, 1, 450ms, ease-out, 0ms);
    .keyframes(logoAnimatedFixed;{
        0% {
            .translate(0px, 0px);
            left: 50%;
            margin-left: -155px;
            width: 311px;
            height: 70px;
        }
        50%{
            .translate(0px, -180px);
            left: 50%;
            margin-left: -155px;
            width:311px;
            height: 70px;
        }
        51%{
            .translate(0px, -180px);
            left: -155px;
            margin-left: 0px;
            width: 135px;
            height: 36px;
        }
        52%{
            .translate(-155px, -30px);
            left: -155px;
            //margin-left: 0px;
            width: 135px;
            height: 36px;
        }
        100% {
            .translate(0px, -30px);
            left: 12px;
            //margin-left: 0px;
            width: 135px;
            height: 36px;
        }
    });
    @media @mobile{
        .noAnimation;
    }
}





//Special Pulse Animation just for News Tab switch
.animateDisplay{
    .animation(slideIn, 1, 500ms, @canvasEase, 0ms);
    .keyframes(slideIn;{
        0% {
            display: none;
            .opacity(0);
        }
        1% {
            display: block;
            .opacity(0);
        }
        100% {
            .opacity(1);
        }
    });
    @media @mobile{
        .noAnimation;
    }
}


//Work Main Animation
.workMainAnimationNav{
    .animation(workMainAnimationNav, 1, 1000ms, ease-out, 0ms);
    .keyframes(workMainAnimationNav;{
        0% {
            background-color: transparent;
            .translate(-100px,0px);
            opacity: 0;
            display: none;
        }
        25%{
            background-color: transparent;
            .translate(-100px,0px);
            opacity: 0;
            display: none;
        }
        90%{
            .translate(-100px,0px);
            background-color: transparent;
            opacity: 1;
            display: none;
        }
        100% {
            background-color: lighten(@navy, 1.5%);
            .translate(0px,0px);
            opacity: 1;
            display: table-cell;
        }
    });
    @media @mobile{
        .noAnimation;
    }
}






//Logo Animation
@keyframes brandanimate {
    0%  {
        .translate(0px,0px);
        top: 85px;
        height: 70px;
        width: 311px;
        left: 50%;
        margin-left: -155px;
    }
    30%{
        .translate(0px,0px);
        top: 85px;
        height: 70px;
        width: 311px;
        left: 50%;
        margin-left: -155px;        
    }
    31%{
        .translate(-450px,0px);
        top: 85px;
        height: 36px;
        width: 132px;
        left: 12px;
        margin-left: 0px;
    }
    32%{
        .translate(-450px,0px);
        top: 203px;
        height: 36px;
        width: 132px;
        left: 12px;
        margin-left: 0px;
    }
    100%{
        .translate(0px,0px);
        width: 132px;
        height: 36px;
        top: 203px;
        left: 12px;
        margin-left: 0px;<commit_msg>Adjusted brand animation.<commit_after>//Animation Mixins & Classes
.animation(@name, @iteration, @duration, @ease, @delay) {
    -moz-animation-name: @name;
    -moz-animation-iteration-count: @iteration;
    -moz-animation-duration: @duration;
    -moz-animation-timing-function: @ease;
    -moz-animation-delay: @delay;

    -webkit-animation-name: @name;
    -webkit-animation-iteration-count: @iteration;
    -webkit-animation-duration: @duration;
    -webkit-animation-timing-function: @ease;
    -webkit-animation-delay: @delay;

    animation-name: @name;
    animation-iteration-count: @iteration;
    animation-duration: @duration;
    animation-timing-function: @ease;
    animation-delay: @delay;
}

.keyframes(@name; @arguments) {
    @-moz-keyframes @name { @arguments(); }
    @-webkit-keyframes @name { @arguments(); }
    @keyframes @name { @arguments(); }
}



.translate(@x, @y){
    -ms-transform: translate(@x,@y);
    -webkit-transform: translate(@x,@y);
    transform: translate(@x,@y);
}

.translateY(@x){
    -ms-transform: translateY(@x);
    -webkit-transform: translateY(@x);
    transform: translateY(@x);
}

.scale(@x, @y){
    -ms-transform: scale(@x,@y); /* IE 9 */
    -webkit-transform: scale(@x,@y); /* Safari */
    transform: scale(@x,@y);
}


.noAnimation{
    animation-duration: 0ms;
    -webkit-animation-duration: 0ms;
    -moz-animation-duration: 0ms;
}




//Logo Animation
.logoAnimatedFixed{
    .animation(logoAnimatedFixed, 1, 450ms, ease-out, 0ms);
    .keyframes(logoAnimatedFixed;{
        0% {
            .translate(0px, 0px);
            left: 50%;
            margin-left: -155px;
            width: 311px;
            height: 70px;
        }
        50%{
            .translate(0px, -180px);
            left: 50%;
            margin-left: -155px;
            width:311px;
            height: 70px;
        }
        51%{
            .translate(0px, -180px);
            left: -155px;
            margin-left: 0px;
            width: 135px;
            height: 36px;
        }
        52%{
            .translate(-155px, -30px);
            left: -155px;
            //margin-left: 0px;
            width: 135px;
            height: 36px;
        }
        100% {
            .translate(0px, -30px);
            left: 12px;
            //margin-left: 0px;
            width: 135px;
            height: 36px;
        }
    });
    @media @mobile{
        .noAnimation;
    }
}





//Special Pulse Animation just for News Tab switch
.animateDisplay{
    .animation(slideIn, 1, 500ms, @canvasEase, 0ms);
    .keyframes(slideIn;{
        0% {
            display: none;
            .opacity(0);
        }
        1% {
            display: block;
            .opacity(0);
        }
        100% {
            .opacity(1);
        }
    });
    @media @mobile{
        .noAnimation;
    }
}


//Work Main Animation
.workMainAnimationNav{
    .animation(workMainAnimationNav, 1, 1000ms, ease-out, 0ms);
    .keyframes(workMainAnimationNav;{
        0% {
            background-color: transparent;
            .translate(-100px,0px);
            opacity: 0;
            display: none;
        }
        25%{
            background-color: transparent;
            .translate(-100px,0px);
            opacity: 0;
            display: none;
        }
        90%{
            .translate(-100px,0px);
            background-color: transparent;
            opacity: 1;
            display: none;
        }
        100% {
            background-color: lighten(@navy, 1.5%);
            .translate(0px,0px);
            opacity: 1;
            display: table-cell;
        }
    });
    @media @mobile{
        .noAnimation;
    }
}






//Logo Animation
@keyframes brandanimate {
    0%  {
        .translate(0px,0px);
        top: 85px;
        height: 70px;
        width: 311px;
        left: 50%;
        margin-left: -155px;
    }
    40%{
        .translate(0px,0px);
        top: 85px;
        height: 70px;
        width: 311px;
        left: 50%;
        margin-left: -155px;        
    }
    41%{
        .translate(-450px,0px);
        top: 85px;
        height: 36px;
        width: 132px;
        left: 12px;
        margin-left: 0px;
    }
    42%{
        .translate(-450px,0px);
        top: 203px;
        height: 36px;
        width: 132px;
        left: 12px;
        margin-left: 0px;
    }
    100%{
        .translate(0px,0px);
        width: 132px;
        height: 36px;
        top: 203px;
        left: 12px;
        margin-left: 0px;
{'fraction_non_alphanumeric': 0.14172965762561138, 'fraction_numerical': 0.04668741662961316, 'mean_word_length': 1.569103369503141, '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': '5433997', 'n_tokens_mistral': 3284, 'n_tokens_neox': 2900, 'n_words': 573}