FM / blocks

/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/blocks/

/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/blocks

Name	Size	Mode	Actions
_block__breadcrumbs.scss	599	0644	edit dl rm
_block__cart.scss	2106	0644	edit dl rm
_block__causes.scss	2011	0644	edit dl rm
_block__copyright.scss	133	0644	edit dl rm
_block__custom-checkboxes.scss	3405	0644	edit dl rm
_block__did-you-know.scss	394	0644	edit dl rm
_block__filters.scss	671	0644	edit dl rm
_block__footer.scss	831	0644	edit dl rm
_block__header.scss	6888	0644	edit dl rm
_block__heading.scss	732	0644	edit dl rm
_block__help.scss	1281	0644	edit dl rm
_block__listing.scss	3696	0644	edit dl rm
_block__login.scss	5246	0644	edit dl rm
_block__menu.scss	2871	0644	edit dl rm
_block__misc.scss	2451	0644	edit dl rm
_block__mobile.scss	8310	0644	edit dl rm
_block__modals.scss	1609	0644	edit dl rm
_block__partners.scss	1200	0644	edit dl rm
_block__products.scss	1153	0644	edit dl rm
_block__profile.scss	19601	0644	edit dl rm
_block__progress.scss	721	0644	edit dl rm
_block__selected-filters.scss	1032	0644	edit dl rm
_block__sidebar-categories.scss	334	0644	edit dl rm
_block__slider.scss	5248	0644	edit dl rm
_block__swal.scss	127	0644	edit dl rm

Edit: /var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/blocks/_block__custom-checkboxes.scss (3405B)

[type="checkbox"] + span,
    [type="radio"] + span {
        display: inline-block;
        padding-left: 40px;
        position: relative;
    }

[type="checkbox"]:not(:checked) + span,
    [type="checkbox"]:checked + span,
    [type="radio"]:not(:checked) + span,
    [type="radio"]:checked + span {
        cursor: pointer;
    }

[type="checkbox"]:not(:checked) + span:before,
    [type="checkbox"]:checked + span:before,
    [type="radio"]:not(:checked) + span:before,
    [type="radio"]:checked + span:before {
        width: 24px;
        height: 24px;
        border: 2px solid #d8d8d8;
        background: #fff;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        text-align: center;
        color: rgba(255, 255, 255, 0);
        transition: all 300ms ease;
        position: absolute;
        top: 2px;
        left: 0;
    }

[type="checkbox"]:not(:checked) + span:before,
    [type="checkbox"]:checked + span:before {
        content: "";
        border-radius: 5px;
    }
    [type="checkbox"]:not(:checked) + span:after,
    [type="checkbox"]:checked + span:after,
    [type="radio"]:not(:checked) + span:after,
    [type="radio"]:checked + span:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 6px;
        width: 12px;
        height: 12px;
        background: rgba(255, 255, 255, 0);
        border-radius: 3px;
        transition: all 300ms ease;
    }
    [type="radio"]:not(:checked) + span:after,
    [type="radio"]:checked + span:after {
        border-radius: 100%;
    }

[type="radio"]:not(:checked) + span:before,
    [type="radio"]:checked + span:before {
        content: "";
        border-radius: 100%;
    }

[type="checkbox"]:checked + span:before,
    [type="radio"]:checked + span:before {
        border-color: $primary;
    }
    [type="checkbox"]:checked + span:after,
    [type="radio"]:checked + span:after {
        background: $primary;
    }

[type="checkbox"]:disabled:not(:checked) + span:before,
    [type="checkbox"]:disabled:checked + span:before,
    [type="radio"]:disabled:not(:checked) + span:before,
    [type="radio"]:disabled:checked + span:before {
        border-color: #bbb;
        background-color: #ddd;
    }

[type="checkbox"]:disabled + span,
    [type="radio"]:disabled + span {
        color: #aaa;
    }

[type="checkbox"] + span a {
        font-weight: bold;
        color: inherit;
    }

[type="checkbox"] + span a:hover {
        text-decoration: underline;
    }

label {
        width: 100% !important;
        min-width: 100% !important;
    }
    &.checkboxes-blocks {
        .form-group {
            display: block !important;
        }
        .radio {
            min-width: 100%;
            margin: 15px 0;
        }
    }
    &.checkboxes-inline {
        .form-group {
            display: block !important;
            margin: 0;
            .radio {
                display: inline-block;
                margin: 15px 15px 15px 0;
                font-weight: bold;
            }
        }
    }
}

/* checkboxes end */

/* checkboxes begin */ .custom-checkbox { margin: 0; display: block; [type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; } [type="checkbox"] + span, [type="radio"] + span { display: inline-block; padding-left: 40px; position: relative; } [type="checkbox"]:not(:checked) + span, [type="checkbox"]:checked + span, [type="radio"]:not(:checked) + span, [type="radio"]:checked + span { cursor: pointer; } [type="checkbox"]:not(:checked) + span:before, [type="checkbox"]:checked + span:before, [type="radio"]:not(:checked) + span:before, [type="radio"]:checked + span:before { width: 24px; height: 24px; border: 2px solid #d8d8d8; background: #fff; display: inline-block; vertical-align: middle; margin-right: 10px; text-align: center; color: rgba(255, 255, 255, 0); transition: all 300ms ease; position: absolute; top: 2px; left: 0; } [type="checkbox"]:not(:checked) + span:before, [type="checkbox"]:checked + span:before { content: ""; border-radius: 5px; } [type="checkbox"]:not(:checked) + span:after, [type="checkbox"]:checked + span:after, [type="radio"]:not(:checked) + span:after, [type="radio"]:checked + span:after { content: ""; position: absolute; top: 8px; left: 6px; width: 12px; height: 12px; background: rgba(255, 255, 255, 0); border-radius: 3px; transition: all 300ms ease; } [type="radio"]:not(:checked) + span:after, [type="radio"]:checked + span:after { border-radius: 100%; } [type="radio"]:not(:checked) + span:before, [type="radio"]:checked + span:before { content: ""; border-radius: 100%; } [type="checkbox"]:checked + span:before, [type="radio"]:checked + span:before { border-color: $primary; } [type="checkbox"]:checked + span:after, [type="radio"]:checked + span:after { background: $primary; } [type="checkbox"]:disabled:not(:checked) + span:before, [type="checkbox"]:disabled:checked + span:before, [type="radio"]:disabled:not(:checked) + span:before, [type="radio"]:disabled:checked + span:before { border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled + span, [type="radio"]:disabled + span { color: #aaa; } [type="checkbox"] + span a { font-weight: bold; color: inherit; } [type="checkbox"] + span a:hover { text-decoration: underline; } label { width: 100% !important; min-width: 100% !important; } &.checkboxes-blocks { .form-group { display: block !important; } .radio { min-width: 100%; margin: 15px 0; } } &.checkboxes-inline { .form-group { display: block !important; margin: 0; .radio { display: inline-block; margin: 15px 15px 15px 0; font-weight: bold; } } } } /* checkboxes end */