@include size-rules('.uniformCheckboxCollection'){
    label{
        display:block;
        margin-right: 1em;
        font-weight: normal !important;
        line-height: 1;
        margin: 0;
        margin-bottom: 0.5em;
        input{
            margin-right: 0.25em;
        }
    }
    &.-inline{
        display: flex;
        align-items: center;
        label{
            margin: 0;
            margin-right: 0.3em;
            padding: 0.5em 0.2em;
            line-height: 1.3;
            flex: 1 1 auto;
            text-align: center;
            border-radius: 0.25em;
            border: 1px solid color('gray-light');
            &.active{
                background: color('gray-light');
                box-shadow: inset 0 -1px 0 0 color('blue');
            }
            &:last-of-type{
                margin-right: 0;
            }
        }
    }
    &.-buttons{
        label{
            padding: 0.5em;
            line-height: 1.3;
            border-radius: 0.25em;
            border: 1px solid color('gray-light');
            cursor: pointer;
            &.active{
                background: color('gray-light');
            }
        }
    }
    &.-invert{
        &.inline,
        &.buttons{
            label{
                border-color: lighten(color('gray'), 20);
                &.active{
                    border-color: color('gray-dark');
                    background: color('gray-dark');
                }
            }
        }
    }
    &.hide-check{
        label{
            cursor: pointer;
        }
        input{
            display:none;
        }
    }
    &.custom-check{
        input{
            display:none;
        }
        label{
            &::before{
                content: "";
                display:inline-block;
                width: 0.7em;
                height: 0.7em;
                border: 1px solid white;
                border-radius: 2px;
                vertical-align: -1px;
                line-height: 0.7em;
            }
            &.active{
                &::before{
                    border-color: color('green');
                    content: '\2714';
                    color: color('green');
                }
            }
        }
        &.invert{
            label{
                &::before{
                    border-color: darken(color('gray-dark'), 5);
                }
                &.active{
                    &::before{
                        border-color: black;
                        color: color('green-light');
                    }
                }
            }
        }
    }
}