diff options
author | Zach van Rijn <me@zv.io> | 2021-07-21 14:54:07 -0500 |
---|---|---|
committer | Zach van Rijn <me@zv.io> | 2021-07-21 14:54:07 -0500 |
commit | 9d4123cee1867ee7199b06bdc92d40611f547ecc (patch) | |
tree | 6d864e2725242863afed1f8ba12d9c7a9bc63a69 /assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css | |
download | blog-ng-9d4123cee1867ee7199b06bdc92d40611f547ecc.tar.gz blog-ng-9d4123cee1867ee7199b06bdc92d40611f547ecc.tar.bz2 blog-ng-9d4123cee1867ee7199b06bdc92d40611f547ecc.tar.xz blog-ng-9d4123cee1867ee7199b06bdc92d40611f547ecc.zip |
Initial unmodified import from Astra (Version: 3.6.5) @ /wp-content/themes/astra/.
Diffstat (limited to 'assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css')
-rw-r--r-- | assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css | 273 |
1 files changed, 273 insertions, 0 deletions
diff --git a/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css new file mode 100644 index 0000000..f385e4d --- /dev/null +++ b/assets/css/unminified/compatibility/woocommerce/woocommerce-smallscreen-grid.css @@ -0,0 +1,273 @@ +/** + * woocommerce-smallscreen-grid.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 + */ + /** + * 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: right !important; +} + +.woocommerce table.shop_table_responsive tr td.order-actions, +.woocommerce-page table.shop_table_responsive tr td.order-actions { + text-align: left !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: left; +} + +.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: left; +} + +.woocommerce table.my_account_orders tr td.order-actions, +.woocommerce-page table.my_account_orders tr td.order-actions { + text-align: left; +} + +.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.25em 0.125em 0; +} + +.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 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: left; +} + +.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: right; +} + +.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: left; +} + +.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: left; + 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-right: 0; +} + +.woocommerce-account .woocommerce-MyAccount-navigation, +.woocommerce-account .woocommerce-MyAccount-content { + float: none; + width: 100%; +} |