<commit_before>//$iconSpritePath: "../images/glyphicons-halflings.png";
//$iconWhiteSpritePath: "../images/glyphicons-halflings-white.png";
$GlyphiconsPath: "./fonts";

@import "compass/css3";
@import "compass/utilities";

//@import "bootstrap-sass/lib/bootstrap";
//@import "sass-bootstrap-glyphicons/scss/bootstrap-glyphicons";
@import "hint.css/src/hint";

$element_color              : rgba(0,0,255,0.3);
$element_hover_color        : rgba(0,0,255,1);
$element_active_color       : rgba(0,0,190,1);
$element_highlight_color    : rgba(247,230,143,0.4);
$element_read_only_color    : rgba(130,130,130,0.4);
$blockquote_color           : rgba(0,113,188,0.2);

@mixin highlighted-element($color:$element_highlight_color) {
    background-color: $color;
}


/* Put your CSS here */
html, body {
  margin: 20px;
}

body {
    background: #fafafa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    &.dragging-x {
        cursor: col-resize;
    }
}

.i-clickable {
    cursor: pointer;
}
.i-slidable {
    cursor: col-resize;
}

body.highlighted .i-reactable {
    @include highlighted-element();
}

body.collapsed-code {
    .i-editable {
        height      : 2.4rem;
        overflow    : hidden;
        &::after {
            position    : absolute;
            top         : 0;
            left        : 0;
            right       : 0;
            bottom      : 0;
            content     : "";
            display     : block;
            z-index     : 4;
            @include background-image(linear-gradient(top, rgba(255,255,255,0) 0%, rgba(250,250,248,1) 100%));
        }
    }
}

.CodeMirror {
    border-radius   : 0;
    background      : transparent;
    height          : auto;
    font-size       : 0.8rem;
    margin-left     : -53px;

    .CodeMirror-gutters {
        border      : 0;
        background  : transparent;
    }

    .CodeMirror-linenumber {
        color: $blockquote_color !important;
    }
}

.CodeMirror-scroll {
    height      : auto;
    overflow-y  : hidden;
    overflow-x  : auto;
}

.i-reactable {
    //display: inline;
    border-bottom: 1px dotted $element_color;
    position: relative;
    @include transition(background-color 0.5s linear);
    background-color: transparent;

    &[readonly] {
        border-bottom-color: $element_read_only_color;
        cursor: not-allowed;
    }

    &.highlighted {
        @include highlighted-element();
    }

    &.editable {
        &:hover {
            color: $element_hover_color;
            border-bottom: 1px solid $element_hover_color;
        }
        &.active {
            color: $element_active_color;
            border-bottom: 1px solid $element_active_color;
        }
    }
}

.hero-unit {
    margin: 50px auto 0 auto;
    width: 80%;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    background-color: #eee;
    border-radius: 6px;
    padding: 60px;
}

.hero-unit h1 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
}


/* STOP ANIMATION */

.stop {
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
}

/* Loading Circle */
.loading-ball {
    @include border-radius(50px);
    background-color: rgba(0,0,0,0);
    opacity:.9;
    border:5px solid rgba(0,183,229,0.9);
    border-top:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    @include box-shadow(0 0 35px #2187e7);
    //box-shadow: 0 0 35px #2187e7;
    width:50px;
    height:50px;
    margin:0 auto;
    position:fixed;
        left:30px;
        bottom:30px;
    -moz-animation:spin .5s infinite linear;
    -webkit-animation:spin .5s infinite linear;<commit_msg>* remove unnecessary styles<commit_after>//$iconSpritePath: "../images/glyphicons-halflings.png";
//$iconWhiteSpritePath: "../images/glyphicons-halflings-white.png";
$GlyphiconsPath: "./fonts";

@import "compass/css3";
@import "compass/utilities";

//@import "bootstrap-sass/lib/bootstrap";
//@import "sass-bootstrap-glyphicons/scss/bootstrap-glyphicons";
@import "hint.css/src/hint";

$element_color              : rgba(0,0,255,0.3);
$element_hover_color        : rgba(0,0,255,1);
$element_active_color       : rgba(0,0,190,1);
$element_highlight_color    : rgba(247,230,143,0.4);
$element_read_only_color    : rgba(130,130,130,0.4);
$blockquote_color           : rgba(0,113,188,0.2);

@mixin highlighted-element($color:$element_highlight_color) {
    background-color: $color;
}


/* Put your CSS here */
html, body {
  margin: 20px;
}

body {
    background: #fafafa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    &.dragging-x {
        cursor: col-resize;
    }
}

.i-clickable {
    cursor: pointer;
}
.i-slidable {
    cursor: col-resize;
}

body.highlighted .i-reactable {
    @include highlighted-element();
}

body.collapsed-code {
    .i-editable {
        height      : 2.4rem;
        overflow    : hidden;
        &::after {
            position    : absolute;
            top         : 0;
            left        : 0;
            right       : 0;
            bottom      : 0;
            content     : "";
            display     : block;
            z-index     : 4;
            @include background-image(linear-gradient(top, rgba(255,255,255,0) 0%, rgba(250,250,248,1) 100%));
        }
    }
}

.CodeMirror {
    border-radius   : 0;
    background      : transparent;
    height          : auto;
    font-size       : 0.8rem;
    margin-left     : -53px;

    .CodeMirror-gutters {
        border      : 0;
        background  : transparent;
    }

    .CodeMirror-linenumber {
        color: $blockquote_color !important;
    }
}

.CodeMirror-scroll {
    height      : auto;
    overflow-y  : hidden;
    overflow-x  : auto;
}

.i-reactable {
    //display: inline;
    border-bottom: 1px dotted $element_color;
    position: relative;
    @include transition(background-color 0.5s linear);
    background-color: transparent;

    &[readonly] {
        border-bottom-color: $element_read_only_color;
        cursor: not-allowed;
    }

    &.highlighted {
        @include highlighted-element();
    }

    &.editable {
        &:hover {
            color: $element_hover_color;
            border-bottom: 1px solid $element_hover_color;
        }
        &.active {
            color: $element_active_color;
            border-bottom: 1px solid $element_active_color;
        }
    }
}


/* STOP ANIMATION */

.stop {
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
}

/* Loading Circle */
.loading-ball {
    @include border-radius(50px);
    background-color: rgba(0,0,0,0);
    opacity:.9;
    border:5px solid rgba(0,183,229,0.9);
    border-top:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    @include box-shadow(0 0 35px #2187e7);
    //box-shadow: 0 0 35px #2187e7;
    width:50px;
    height:50px;
    margin:0 auto;
    position:fixed;
        left:30px;
        bottom:30px;
    -moz-animation:spin .5s infinite linear;
    -webkit-animation:spin .5s infinite linear;
{'fraction_non_alphanumeric': 0.13979866723380122, 'fraction_numerical': 0.04650503331915497, 'mean_word_length': 2.2049068605179465, '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': '4704328', 'n_tokens_mistral': 2702, 'n_tokens_neox': 2417, 'n_words': 438}