checkbox-init.scss

$theme : #0096D9;

.checkbox
{
    position: absolute;
    left: -9999px;
    
    & + label
    {
        position: relative;
        display: inline-block;
        padding: 6px 30px;
        cursor: pointer;

        &:before,
        &:after
        {
            position: absolute;
            top: 0;
            content: '';
            border-radius: 1px;
        }
        
        &:before
        {
            top: 4px;
            left: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #CCC;
            background-color: #fff;
        }
        
        &:after
        {
            /* hidden */
            width: 0;
            height: 0; 
        }
        
    }
}