@include respond-between(md, lg) { #page_cart { #page_title { h3 { } } .woocommerce { .woocommerce-cart-form { table { thead { tr { th { } th.product-name { } th.product-price { } th.product-subtotal { } th.product-quantity { } th.product-subtotal { } } } tbody { .woocommerce-cart-form__cart-item{ td { a, span { } } td.actions { } td.product-price { } td.product-name { a { .product-thumbnail { } } .remove-product { a { } a:hover { } } .product-name-info { .upload-file { span { } span:last-of-type { } } .upload-file:hover { } } } td.product-quantity { .quantity { } } td.product-subtotal { } } tr { td.actions { .coupon { } } button[type="submit"] { } button[type="submit"]:hover { } } } } dl.variation { } } .cart-collaterals { .cart_totals { h2 { } table { th { } td { } } .wc-proceed-to-checkout { a.checkout-button { } a.checkout-button:hover { } } } } } .cart-empty { } .cart-empty:before { } .return-to-shop { a { } a:hover { } } } #ywau_upload_modal { .pp_content_container { .pp_content { } div.upload-rules { svg { } svg:hover { } } div.upload-rule { } .rule-allowed-extension, .rule-max-size { } h2 { } .upload-items { .rule-label { } .uploaded-filename { } .select-file { } .select-file:hover { } .rule-note { .notes-title { } p { } textarea { } textarea:focus { } } } .submit-files { input[type="submit"] { } input[type="submit"]:hover { } } p.terms { } } } } @include respond-between(sm, md) { #page_cart { #page_title { h3 { } } .woocommerce { .woocommerce-cart-form { table { thead { tr { th { } th.product-name { } th.product-price { } th.product-subtotal { } th.product-quantity { } th.product-subtotal { } } } tbody { .woocommerce-cart-form__cart-item{ td { a, span { } } td.actions { } td.product-price { } td.product-name { a { .product-thumbnail { } } .remove-product { a { } a:hover { } } .product-name-info { .upload-file { span { } span:last-of-type { } } .upload-file:hover { } } } td.product-quantity { .quantity { } } td.product-subtotal { } } tr { td.actions { .coupon { } } button[type="submit"] { } button[type="submit"]:hover { } } } } dl.variation { } } .cart-collaterals { .cart_totals { h2 { } table { th { } td { } } .wc-proceed-to-checkout { a.checkout-button { } a.checkout-button:hover { } } } } } .cart-empty { } .cart-empty:before { } .return-to-shop { a { } a:hover { } } } #ywau_upload_modal { .pp_content_container { .pp_content { } div.upload-rules { svg { } svg:hover { } } div.upload-rule { } .rule-allowed-extension, .rule-max-size { } h2 { } .upload-items { .rule-label { } .uploaded-filename { } .select-file { } .select-file:hover { } .rule-note { .notes-title { } p { } textarea { } textarea:focus { } } } .submit-files { input[type="submit"] { } input[type="submit"]:hover { } } p.terms { } } } } @include respond-between(xs, sm) { #page_cart { #page_title { h3 { } } .woocommerce { .woocommerce-cart-form { table { thead { tr { th { } th.product-name { } th.product-price { } th.product-subtotal { } th.product-quantity { } th.product-subtotal { } } } tbody { .woocommerce-cart-form__cart-item{ td { a, span { } } td.actions { } td.product-price { } td.product-name { a { .product-thumbnail { } } .remove-product { a { } a:hover { } } .product-name-info { .upload-file { span { } span:last-of-type { } } .upload-file:hover { } } } td.product-quantity { .quantity { } } td.product-subtotal { } } tr { td.actions { .coupon { } } button[type="submit"] { } button[type="submit"]:hover { } } } } dl.variation { } } .cart-collaterals { .cart_totals { h2 { } table { th { } td { } } .wc-proceed-to-checkout { a.checkout-button { } a.checkout-button:hover { } } } } } .cart-empty { } .cart-empty:before { } .return-to-shop { a { } a:hover { } } } #ywau_upload_modal { .pp_content_container { .pp_content { } div.upload-rules { svg { } svg:hover { } } div.upload-rule { } .rule-allowed-extension, .rule-max-size { } h2 { } .upload-items { .rule-label { } .uploaded-filename { } .select-file { } .select-file:hover { } .rule-note { .notes-title { } p { } textarea { } textarea:focus { } } } .submit-files { input[type="submit"] { } input[type="submit"]:hover { } } p.terms { } } } } @include respond-below(xs) { #page_cart { #page_title { h3 { } } .woocommerce { .woocommerce-cart-form { table { thead { tr { th { } th.product-name { } th.product-price { } th.product-subtotal { } th.product-quantity { } th.product-subtotal { } } } tbody { .woocommerce-cart-form__cart-item{ td { a, span { } } td.actions { } td.product-price { @include flexbox(); justify-content: space-between; align-items: center; } td.product-name { @include flexbox(); flex-wrap: wrap; justify-content: space-between; align-items: center; a { width: 100%; .product-thumbnail { display: block; } } .remove-product { a { } a:hover { } } .product-name-info { text-align: left; width: 100%; .upload-file { span { } span:last-of-type { } } .upload-file:hover { } } } td.product-name:before { width: 86%; text-align: left; } td.product-quantity { @include flexbox(); justify-content: space-between; align-items: center; margin: 0; .quantity { width: 70%; } } td.product-subtotal { @include flexbox(); justify-content: space-between; align-items: center; } } tr { td.actions { .coupon { } } button[type="submit"] { } button[type="submit"]:hover { } } } } dl.variation { } } .cart-collaterals { .cart_totals { width: 100%; h2 { } table { th { } td { } } .wc-proceed-to-checkout { a.checkout-button { width: 100%; } a.checkout-button:hover { } } } } } .cart-empty { } .cart-empty:before { } .return-to-shop { a { } a:hover { } } } #ywau_upload_modal { width: 90vw !important; .pp_content_container { .pp_content { } div.upload-rules { svg { } svg:hover { } } div.upload-rule { } .rule-allowed-extension, .rule-max-size { } h2 { } .upload-items { .rule-label { } .uploaded-filename { } .select-file { } .select-file:hover { } .rule-note { .notes-title { } p { } textarea { } textarea:focus { } } } .submit-files { input[type="submit"] { } input[type="submit"]:hover { } } p.terms { } } } }