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%;
+}