.print-view { display: none; } .hide-in-print-view { display: initial; } .hide-print-view { } @media (max-width: $screen-sm-max) { .qty-style-group.hide-in-print-view { display: block!important; .update-qty-btn .btn.link-style.med-txt.semi_bold { margin-left: 0px; } } } .is-fluid { @media print { #sideBarTemplateContainer, .wrapper-cart-header-top { position: relative !important; width: 100% !important; } #kampyleButtonContainer { display: none; } .hidden-md, .hidden-sm, .hidden-xs { display: inherit !important; } .print-view-cart { width: 100%; padding: 0; &-table { thead { display: none; } tbody { width: 100%; .row .line-item-comment-display.cart-form-inline { padding-top: 0; } } &-row { &-cell { &-image { width: 10%; img { width: 100%; } } &-description { width: 35%; .cart-item-description-details { .cart-item-description-name { font-size: 16px; line-height: initial; } } } &-shipping { width: 15%; .print-view { display: block !important; } } &-actions { width: 30%; display: none; .form-field-group { .print-view { .title { line-height: initial; font-weight: bold; } .quantity { width: 30%; } .backorderQuantity { width: 30%; } .quantityAvailable { width: 39%; } } } } &-price { width: 10%; .cart-item-price-detail { .item-total-price { padding-bottom: 0; } .item-unit-price { padding-bottom: 0; } .item-list-price { display: none; } } } } } } } .print-view-item { &-image { padding: 0px; img { margin: 0; } } &-description { padding-left: 15px; } } .cart-products-info { border: 2px solid #e4e4e4; } .print-view-cart-comment { display: inline-block!important; padding: 12px !important; .hide-in-print-view { display: none; } .print-view { display: inline-block; } } .print-view { display: initial; .shopping-cart-label { float: none; } .item-comments-title { text-transform: uppercase; font-weight: bold; display:block; } .cost-center-title { text-transform: uppercase; font-weight: bold; } &-table-cart { padding: 0px; } // Cart Print Header - Shipping Address, Account & Contact Information .cart-print-account-details { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; padding: 15px; border: 2px solid #e4e4e4; background-color: #fafafa; .cart-print-date { width: 100%; flex-basis: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; } .cart-print-shipping, .cart-print-account, .cart-print-contact { flex: 1; min-width: 180px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .cart-print-section-title { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc; } p { margin: 5px 0; font-size: 12px; line-height: 1.4; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; strong { font-weight: bold; } span { display: inline-block; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; } } } .cart-item-shipping-options-pickup { margin-bottom: 0; .cart-item-radio-pickup { .radio-label { &:before { content: initial; } .cart-item-pickup-note { margin-left: 0; display: block; } } } } .cart-item-shipping-options-delivery { .radio-label { &:before { content: initial; } .cart-item-delivery-note { margin-left: 0; display: block!important; // need to override existing class 'hidden-xs' for print view } } } } .hide-in-print-view { display: none!important; } .hide-print-view { display: none!important; } .cart h1 { padding-bottom: 4px; } .instore-pickup-info-address.print-only { font-weight: 200; } .block-icon { display: none; } .block-copy { padding: 0; } .block-msg-info { padding: 0; margin: 0; border: none; } .instore-pickup-info-change { display: none; } .instore-pickup-info-header { display: none; } .container { padding: 0; } .cart-header { border: none; } .wrapper-cart-header-top { padding: 0; } .wrapper-cart-header { padding: 0; } .print-view-cart-comment-td { padding-top: 0; display: table-cell!important; } } .service-delivery-notice { border: 2px solid $blue; padding: 0.3rem 0.75rem; } .svg_20x20 svg { width: 20px; height: 20px; vertical-align: bottom; } }