File "_smallscreen.scss"

Full Path: /home/elegucvf/public_html/video/wp-content/wp-includes/wp-includes/wp-content/themes/atlas/scss/woocommerce/css/scss/_smallscreen.scss
File size: 2.62 KB
MIME-type: text/plain
Charset: utf-8

/**
 * woocommerce-smallscreen.scss
 * Optimises the default WooCommerce frontend layout when viewed on smaller screens.
 */
/**
 * Style begins
 */
@include screen('small-mobile-max') {
	.woocommerce,
	.woocommerce-page {
		table.shop_table_responsive {
			thead {
				display: none;
			}

			tbody {
				tr:first-child {
					td:first-child {
						border-top: 0;
					}
				}

				th {
					display: none;
				}
			}

			tr {
				display: block;

				> td {
					text-align: $right !important; // Important to overwrite order status inline styling
				}

				td {
					display: block;

					&.product-remove {
						text-align: center !important;

						a.remove {
							display: inline-block;
						}
					}

					&.order-actions {
						text-align: $left !important; // This must always align left on handheld
					}

					&::before {
						content: attr(data-title) ': ';
						font-weight: 700;
						float: $left;
						display: block;
					}

					&.actions,
					&.product-remove {
						&::before {
							display: none;
						}
					}

					.quantity {
						margin-top: 32px;
					}
				}

				&:nth-child(2n) {
					td {
						background-color: var(--light-sec-bg-color);

						.bg-dark & {
							background-color: var(--dark-sec-bg-color);
						}
					}
				}
			}
		}

		table.my_account_orders {
			tr {
				td {
					&.order-actions {
						text-align: $left;

						&::before {
							display: none;
						}

						.button {
							float: none;
							margin: side-values(0.125em 0.25em 0.125em 0);
						}
					}
				}
			}
		}
		/**
		 * Cart
		 */
		#content table.cart,
		table.cart {
			.product-thumbnail {
				display: none;
			}

			td.actions {
				text-align: $left;

				.coupon {
					float: none;
					@include clearfix();
					padding-bottom: 1em;

					.button,
					.input-text,
					input {
						width: 48%;
						box-sizing: border-box;
					}

					.button.alt,
					.input-text + .button {
						float: $right;
					}
				}

				.button {
					display: block;
					width: 100%;
					margin-#{$left}: 0;
				}
			}
		}
		/**
		 * Checkout
		 */
		&.woocommerce-checkout {
			form.login {
				.form-row {
					width: 100%;
					float: none;
				}
			}
		}

		#payment {
			.terms {
				text-align: $left;
				padding: 0;
			}

			#place_order {
				float: none;
				width: 100%;
				box-sizing: border-box;
				margin-bottom: 1em;
			}
		}
		/**
		 * Account
		 */
		.lost_reset_password {
			.form-row-first,
			.form-row-last {
				width: 100%;
				float: none;
				margin-#{$right}: 0;
			}
		}
	}

	.woocommerce-account {
		.woocommerce-MyAccount-content,
		.woocommerce-MyAccount-navigation {
			float: none;
			width: 100%;
		}
	}
}