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__cart.scss (2106B)

.block__cart {
    .snippet {
        padding: 15px;
        .content {
            display: flex;

.image {
                width: 100px;
                figure {
                    img {
                        max-width: 100%;
                        width: 100%;
                        border: 1px solid $gray-300;
                        padding: 5px;
                    }
                }
            }

.description {
                flex-grow: 1;
                padding-left: 30px;
                .title {
                    font-size: 1.25rem;
                    font-weight: 700;
                }

.icons {
                    font-size: 0.875rem;
                    font-weight: 500;
                    .icon {
                    }
                }
            }

.quantity {
                width: 100px;
                padding: 0px 15px;

select {
                    border-radius: 4px;
                    border: 2px solid $dark;
                    width: 100%;
                    padding: 0px 10px;
                    font-weight: 600;
                    text-align: center;
                    line-height: 42px;
                    height: 42px;
                }
            }

.price {
                width: 150px;
                .price-new {
                    font-size: 1.25rem;
                    font-weight: 700;
                }
                .delete {
                    font-size: 0.875rem;
                    > a {
                        color: $dark;
                        font-weight: 600;
                    }
                }
            }
        }
        .cause {
        }
    }

&.summary {
        .subtotal {
            font-weight: 600;
        }

.total {
            .text {
                border-bottom: 1px dashed $gray-200;
                font-weight: 700;
                font-size: 1.25rem;
            }
            .amount {
                font-weight: 700;
                font-size: 1.25rem;
            }
        }
    }
}

.block__cart { .snippet { padding: 15px; .content { display: flex; .image { width: 100px; figure { img { max-width: 100%; width: 100%; border: 1px solid $gray-300; padding: 5px; } } } .description { flex-grow: 1; padding-left: 30px; .title { font-size: 1.25rem; font-weight: 700; } .icons { font-size: 0.875rem; font-weight: 500; .icon { } } } .quantity { width: 100px; padding: 0px 15px; select { border-radius: 4px; border: 2px solid $dark; width: 100%; padding: 0px 10px; font-weight: 600; text-align: center; line-height: 42px; height: 42px; } } .price { width: 150px; .price-new { font-size: 1.25rem; font-weight: 700; } .delete { font-size: 0.875rem; > a { color: $dark; font-weight: 600; } } } } .cause { } } &.summary { .subtotal { font-weight: 600; } .total { .text { border-bottom: 1px dashed $gray-200; font-weight: 700; font-size: 1.25rem; } .amount { font-weight: 700; font-size: 1.25rem; } } } }