123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286 |
- /**
- * woocommerce-smallscreen.scss
- * Optimises the default WooCommerce frontend layout when viewed on smaller screens.
- */
- /**
- * Imports
- */
- /**
- * Deprecated
- * Fallback for bourbon equivalent
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Vendor prefix no longer required.
- */
- /**
- * Deprecated
- * Use bourbon mixin instead `@include transform(scale(1.5));`
- */
- /**
- * Deprecated
- * Use bourbon mixin instead `@include box-sizing(border-box);`
- */
- /**
- * Objects
- */
- /**
- * WooCommerce CSS Variables
- */
- /**
- * Style begins
- */
- .woocommerce,
- .woocommerce-page {
- /**
- * General layout
- */
- /**
- * Products
- */
- /**
- * Cart
- */
- /**
- * Checkout
- */
- /**
- * Account
- */
- }
- .woocommerce table.shop_table_responsive thead,
- .woocommerce-page table.shop_table_responsive thead {
- display: none;
- }
- .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,
- .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
- border-top: 0;
- }
- .woocommerce table.shop_table_responsive tbody th,
- .woocommerce-page table.shop_table_responsive tbody th {
- display: none;
- }
- .woocommerce table.shop_table_responsive tr,
- .woocommerce-page table.shop_table_responsive tr {
- display: block;
- }
- .woocommerce table.shop_table_responsive tr td,
- .woocommerce-page table.shop_table_responsive tr td {
- display: block;
- text-align: left !important;
- }
- .woocommerce table.shop_table_responsive tr td.order-actions,
- .woocommerce-page table.shop_table_responsive tr td.order-actions {
- text-align: right !important;
- }
- .woocommerce table.shop_table_responsive tr td::before,
- .woocommerce-page table.shop_table_responsive tr td::before {
- content: attr(data-title) ": ";
- font-weight: 700;
- float: right;
- }
- .woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce table.shop_table_responsive tr td.actions::before,
- .woocommerce-page table.shop_table_responsive tr td.product-remove::before,
- .woocommerce-page table.shop_table_responsive tr td.actions::before {
- display: none;
- }
- .woocommerce table.shop_table_responsive tr td .shipping-calculator-form,
- .woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form {
- text-align: right;
- }
- .woocommerce table.my_account_orders tr td.order-actions,
- .woocommerce-page table.my_account_orders tr td.order-actions {
- text-align: right;
- }
- .woocommerce table.my_account_orders tr td.order-actions::before,
- .woocommerce-page table.my_account_orders tr td.order-actions::before {
- display: none;
- }
- .woocommerce table.my_account_orders tr td.order-actions .button,
- .woocommerce-page table.my_account_orders tr td.order-actions .button {
- float: none;
- margin: 0.125em 0 0.125em 0.25em;
- }
- .woocommerce .col2-set .col-1,
- .woocommerce .col2-set .col-2,
- .woocommerce-page .col2-set .col-1,
- .woocommerce-page .col2-set .col-2 {
- float: none;
- width: 100%;
- }
- .woocommerce ul.products li.product, .woocommerce[class*='columns-'] ul.products li.product,
- .woocommerce-page ul.products li.product,
- .woocommerce-page[class*='columns-'] ul.products li.product {
- display: inline-block;
- margin-left: 20px;
- vertical-align: top;
- clear: none;
- }
- .woocommerce table.cart .product-thumbnail,
- .woocommerce #content table.cart .product-thumbnail,
- .woocommerce-page table.cart .product-thumbnail,
- .woocommerce-page #content table.cart .product-thumbnail {
- display: none;
- }
- .woocommerce table.cart td.actions,
- .woocommerce #content table.cart td.actions,
- .woocommerce-page table.cart td.actions,
- .woocommerce-page #content table.cart td.actions {
- text-align: right;
- }
- .woocommerce table.cart td.actions .coupon,
- .woocommerce #content table.cart td.actions .coupon,
- .woocommerce-page table.cart td.actions .coupon,
- .woocommerce-page #content table.cart td.actions .coupon {
- *zoom: 1;
- padding-bottom: 0.5em;
- }
- .woocommerce table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after,
- .woocommerce #content table.cart td.actions .coupon::before,
- .woocommerce #content table.cart td.actions .coupon::after,
- .woocommerce-page table.cart td.actions .coupon::before,
- .woocommerce-page table.cart td.actions .coupon::after,
- .woocommerce-page #content table.cart td.actions .coupon::before,
- .woocommerce-page #content table.cart td.actions .coupon::after {
- content: ' ';
- display: table;
- }
- .woocommerce table.cart td.actions .coupon::after,
- .woocommerce #content table.cart td.actions .coupon::after,
- .woocommerce-page table.cart td.actions .coupon::after,
- .woocommerce-page #content table.cart td.actions .coupon::after {
- clear: both;
- }
- .woocommerce table.cart td.actions .coupon input,
- .woocommerce table.cart td.actions .coupon .button,
- .woocommerce table.cart td.actions .coupon .input-text,
- .woocommerce #content table.cart td.actions .coupon input,
- .woocommerce #content table.cart td.actions .coupon .button,
- .woocommerce #content table.cart td.actions .coupon .input-text,
- .woocommerce-page table.cart td.actions .coupon input,
- .woocommerce-page table.cart td.actions .coupon .button,
- .woocommerce-page table.cart td.actions .coupon .input-text,
- .woocommerce-page #content table.cart td.actions .coupon input,
- .woocommerce-page #content table.cart td.actions .coupon .button,
- .woocommerce-page #content table.cart td.actions .coupon .input-text {
- width: 48%;
- box-sizing: border-box;
- }
- .woocommerce table.cart td.actions .coupon .input-text + .button,
- .woocommerce table.cart td.actions .coupon .button.alt,
- .woocommerce #content table.cart td.actions .coupon .input-text + .button,
- .woocommerce #content table.cart td.actions .coupon .button.alt,
- .woocommerce-page table.cart td.actions .coupon .input-text + .button,
- .woocommerce-page table.cart td.actions .coupon .button.alt,
- .woocommerce-page #content table.cart td.actions .coupon .input-text + .button,
- .woocommerce-page #content table.cart td.actions .coupon .button.alt {
- float: left;
- }
- .woocommerce .cart-collaterals .cart_totals,
- .woocommerce .cart-collaterals .shipping_calculator,
- .woocommerce .cart-collaterals .cross-sells,
- .woocommerce-page .cart-collaterals .cart_totals,
- .woocommerce-page .cart-collaterals .shipping_calculator,
- .woocommerce-page .cart-collaterals .cross-sells {
- width: 100%;
- float: none;
- text-align: right;
- }
- .woocommerce.woocommerce-checkout form.login .form-row,
- .woocommerce-page.woocommerce-checkout form.login .form-row {
- width: 100%;
- float: none;
- }
- .woocommerce #payment .terms,
- .woocommerce-page #payment .terms {
- text-align: right;
- padding: 0;
- }
- .woocommerce #payment #place_order,
- .woocommerce-page #payment #place_order {
- float: none;
- width: 100%;
- box-sizing: border-box;
- margin-bottom: 1em;
- }
- .woocommerce .lost_reset_password .form-row-first,
- .woocommerce .lost_reset_password .form-row-last,
- .woocommerce-page .lost_reset_password .form-row-first,
- .woocommerce-page .lost_reset_password .form-row-last {
- width: 100%;
- float: none;
- margin-left: 0;
- }
- .woocommerce-account .woocommerce-MyAccount-navigation,
- .woocommerce-account .woocommerce-MyAccount-content {
- float: none;
- width: 100%;
- }
|