<commit_before>@cyan: #01f0ff;
@darkBlue: #0a2535;
@pink: #f74085;

html {
    height: 100%;
}

body {
    font: 40px Lato, sans-serif;
    font-weight: 300;
    color: fadeout(white, 30%);
    background-color: @darkBlue;
    line-height: 1.5em;
    height: 100%;
    margin: 0;
    padding: 0;
}

a {
    color: @pink;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.8em;
}

h1, h2, h3 {
    color: @pink;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
}

pre, p, ul, ol {
    margin: 0 0 0.5em 0;
}

code, pre {
    background-color: lighten(@darkBlue, 3%);
    border: 1px solid lighten(@darkBlue, 5%);
    padding: 0.1em 0.3em;
    border-radius: 0.15em;
    font-family: 'Ubuntu Mono', Inconsolata, 'Courier New', Courier, fixed-width;
    line-height: 1.2em;
}

.presentation {
    height: 100%;

    .slides {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;

        .slide {
            position: absolute;
            overflow: hidden;
            width: 100%;
            &.past {
                left: -100%;
            }
            &.current {
                left: 0;
            }
            &.future {
                left: 100%;
            }
            .slide-content {
                padding: 2em;
            }
        }

    }

    &.states-set {
        // Only perform transitions when starting classes have been applied
        .slide {
            transition: left 500ms;
            -webkit-transition: left 500ms;
            -moz-transition: left 500ms;
            -o-transition: left 500ms;
        }
    }

}
<commit_msg>Positioning slides with CSS3 transform instead of relative.<commit_after>@cyan: #01f0ff;
@darkBlue: #0a2535;
@pink: #f74085;

html {
    height: 100%;
}

body {
    font: 40px Lato, sans-serif;
    font-weight: 300;
    color: fadeout(white, 30%);
    background-color: @darkBlue;
    line-height: 1.5em;
    height: 100%;
    margin: 0;
    padding: 0;
}

a {
    color: @pink;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.8em;
}

h1, h2, h3 {
    color: @pink;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
}

pre, p, ul, ol {
    margin: 0 0 0.5em 0;
}

code, pre {
    background-color: lighten(@darkBlue, 3%);
    border: 1px solid lighten(@darkBlue, 5%);
    padding: 0.1em 0.3em;
    border-radius: 0.15em;
    font-family: 'Ubuntu Mono', Inconsolata, 'Courier New', Courier, fixed-width;
    line-height: 1.2em;
}

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

.presentation {
    height: 100%;

    .slides {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;

        .slide {
            position: absolute;
            overflow: hidden;
            width: 100%;
            &.past {
                .translate(-100%, 0);
            }
            &.current {
            }
            &.future {
                .translate(100%, 0);
            }
            .slide-content {
                padding: 2em;
            }
        }

    }

    &.states-set {
        // Only perform transitions when starting classes have been applied
        .slide:not(.dragging) {
            -webkit-transition: -webkit-transform 500ms;
            -moz-transition: -moz-transform 500ms;
            -o-transition: -o-transform 500ms;
            transition: transform 500ms;
        }
    }

}

{'fraction_non_alphanumeric': 0.1370056497175141, 'fraction_numerical': 0.05593220338983051, 'mean_word_length': 1.6036764705882354, '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': '4201864', 'n_tokens_mistral': 1402, 'n_tokens_neox': 1207, 'n_words': 299}