<commit_before>//
// Siimple - minimal css framework for flat and clean websites
// Under the MIT LICENSE.
// License:    https://github.com/siimple/siimple/blob/master/LICENSE.md
// Repository: https://github.com/siimple
// Website:    https://www.siimple.xyz
//
@import "../_variables.scss";
@import "../_functions.scss";

//Checkbox variables
$siimple-checkbox-width: 18px;
$siimple-checkbox-height: 18px;
$siimple-checkbox-margin-top: 8px;
$siimple-checkbox-margin-bottom: 8px;
$siimple-checkbox-margin-left: 10px;
$siimple-checkbox-margin-right: 10px;

$siimple-checkbox-label-width: $siimple-checkbox-width;
$siimple-checkbox-label-height: $siimple-checkbox-height;
$siimple-checkbox-label-border-radius: 2px;

$siimple-checkbox-label-after-opacity: 0.2;
$siimple-checkbox-label-after-width: 8px;
$siimple-checkbox-label-after-height: 4px;

//Checkbox inactive variables
$siimple-checkbox-inactive-background-color: siimple-default-color("light");

//Checkbox active variables
$siimple-checkbox-active-background-color: siimple-default-color("success");

//Checkbox class
.siimple-checkbox {
    display: inline-block;
    position: relative;
    width: $siimple-checkbox-width;
    height: $siimple-checkbox-height;
    margin: {
        left: $siimple-checkbox-margin-left;
        right: $siimple-checkbox-margin-right;
        top: $siimple-checkbox-margin-top;
        bottom: $siimple-checkbox-margin-bottom;
    }
    vertical-align: top;

    & label {
        width: $siimple-checkbox-label-width;
        height: $siimple-checkbox-label-height;
        cursor: pointer;
        transition: all 0.3s;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: $siimple-checkbox-label-border-radius;
        background: $siimple-checkbox-inactive-background-color;

        //Tick
        &:after {
            opacity: $siimple-checkbox-label-after-opacity;
            content: "";
            width: $siimple-checkbox-label-after-width;
            height: $siimple-checkbox-label-after-height;
            transform: rotate(-45deg);
            transition: all 0.3s;
            position: absolute;
            top: 5px;
            left: 4px;
            background: transparent;
            border: 2px solid siimple-default-color("dark");
            border-top: 0px;
            border-right: 0px;
        }
        &:hover::after {
            opacity: 0.5;
        }
    }
    //Input style
    & input[type=checkbox] {
        visibility: hidden;
    }
    //Checked -> change tick
    & input[type=checkbox]:checked + label:after {
        opacity: 1;
        border-color: $siimple-default-white;
    }
    //Checked -> change background
    & input[type=checkbox]:checked + label {
        background-color: $siimple-checkbox-active-background-color;
    }
}
<commit_msg>Removed unused variables. Minor changes.<commit_after>//
// Siimple - minimal css framework for flat and clean websites
// Under the MIT LICENSE.
// License:    https://github.com/siimple/siimple/blob/master/LICENSE.md
// Repository: https://github.com/siimple
// Website:    https://www.siimple.xyz
//
@import "../_variables.scss";
@import "../_functions.scss";

//Checkbox variables
$siimple-checkbox-width: 18px;
$siimple-checkbox-height: 18px;

//Checkbox class
.siimple-checkbox {
    display: inline-block;
    position: relative;
    width: $siimple-checkbox-width;
    height: $siimple-checkbox-height;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    vertical-align: top;
    //Checkbox label
    & label {
        width: $siimple-checkbox-width;
        height: $siimple-checkbox-height;
        cursor: pointer;
        transition: all 0.3s;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 2px;
        background: siimple-default-color("light");
        //Tick
        &:after {
            content: "";
            opacity: 0.2;
            width: 8px;
            height: 4px;
            transform: rotate(-45deg);
            transition: all 0.3s;
            position: absolute;
            top: 5px;
            left: 4px;
            background: transparent;
            border: 2px solid siimple-default-color("dark");
            border-top: 0px;
            border-right: 0px;
        }
        &:hover::after {
            opacity: 0.5;
        }
    }
    //Input style
    & input[type=checkbox] {
        visibility: hidden;
    }
    //Checked -> change tick
    & input[type=checkbox]:checked + label:after {
        opacity: 1;
        border-color: $siimple-default-white;
    }
    //Checked -> change background
    & input[type=checkbox]:checked + label {
        background-color: siimple-default-color("success");
    }
}

{'fraction_non_alphanumeric': 0.13371116708648195, 'fraction_numerical': 0.013014273719563391, 'mean_word_length': 2.268175582990398, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, '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': '1040691', 'n_tokens_mistral': 1546, 'n_tokens_neox': 1430, 'n_words': 287}