Module bundling improved to reduce number of requests to 1 JavaScript and 1 CSS file per webpage excl. external resources such as Recaptcha

static/css/main.css

@@ -1,15 +1,16 @@
 
-/* Base styles */
+/*
+/* Base styles *
 @import 'lib/reset.css';
 @import 'lib/typography.css';
 @import 'lib/variables.css';
 @import 'lib/utils.css';
 
-/* Layout styles */
+/* Layout styles *
 @import 'layouts/header.css';
 @import 'layouts/footer.css';
 
-/* Component styles */
+/* Component styles *
 @import 'components/button.css';
 @import 'components/card.css';
 @import 'components/dialog.css';
@@ -18,7 +19,7 @@
 @import 'components/navigation.css';
 @import 'components/overlay.css';
 
-/* Section styles */
+/* Section styles *
 @import 'sections/store.css';
 
 /* Page-specific styles *
@@ -30,12 +31,15 @@
 @import 'pages/page_store_home.css';
 @import 'pages/page_store_product_permutations.css';
 @import 'pages/page_store_stock_items.css';
-*/
+*
 
 /* Theme styles *
 @import 'themes/light.css';
-/* Uncomment the line below to enable dark theme */
-/* @import 'themes/dark.css'; */
+/* Uncomment the line below to enable dark theme *
+/* @import 'themes/dark.css'; *
+
+
+*/
 
 /* Custom styles */
 /* Add any custom styles or overrides here */

static/css/pages/core/home.css

@@ -1,5 +1,5 @@
 
-.page-body > * {
+#pageBody > * {
     height: 100%;
 }
 #pageBody > * :first-child{
@@ -22,4 +22,11 @@
 img {
   background-image: url("/static/images/Tag_Molly1.png");
 }
-*/
+*/
+
+#pageBody h2 {
+    width: 100%;
+}
+#pageBody button.navContact {
+    width: fit-content;
+}

static/dist/css/admin_home.css

@@ -0,0 +1,8 @@
+
+#pageBody > .card:first-of-type {
+    width: 80%;
+}
+
+.container.row {
+    width: auto;
+}

static/dist/css/contact.css

@@ -0,0 +1,27 @@
+
+
+#pageBody > .card:first-of-type{
+    flex-grow: 1;
+}
+#pageBody > .card:last-of-type {
+}
+#pageBody > .card:not(:first-of-type) {
+}
+
+
+/*
+.content > a {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.content > a > img, .content > a > h4 {
+    flex: content;
+    margin: 0px;
+}
+*/
+
+

static/dist/css/core_admin_home.css

@@ -0,0 +1,8 @@
+
+#pageBody > .card:first-of-type {
+    width: 80%;
+}
+
+.container.row {
+    width: auto;
+}

static/dist/css/core_contact.css

@@ -0,0 +1,27 @@
+
+
+#pageBody > .card:first-of-type{
+    flex-grow: 1;
+}
+#pageBody > .card:last-of-type {
+}
+#pageBody > .card:not(:first-of-type) {
+}
+
+
+/*
+.content > a {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.content > a > img, .content > a > h4 {
+    flex: content;
+    margin: 0px;
+}
+*/
+
+

static/dist/css/core_home.css

@@ -0,0 +1,34 @@
+
+
+#pageBody > * {
+    height: 100%;
+}
+#pageBody > * :first-child{
+    margin-top: 25vh;
+}
+#pageBody > * :last-child {
+    margin-bottom: 35vh;
+}
+
+.img-demo {
+    max-width: 50%;
+    min-width: 500px;
+}
+
+.img-featured {
+    width: 100%;
+}
+
+/*
+img {
+  background-image: url("/static/images/Tag_Molly1.png");
+}
+*/
+
+#pageBody h2 {
+    width: 100%;
+}
+#pageBody button.navContact {
+    width: fit-content;
+}
+

static/dist/css/core_services.css

@@ -0,0 +1,38 @@
+
+#pageBody > .card {
+    padding-left: 5vw;
+    padding-right: 5vw;
+    max-width: 80vw;
+}
+#pageBody > .card:first-of-type{
+}
+#pageBody > .card:last-of-type {
+    padding-left: 5vw;
+    padding-right: 5vw;
+}
+#pageBody > .card:not(:first-of-type) {
+}
+
+table {
+    left: 5vw;
+    max-width: 70vw;
+    width: fit-content !important;
+}
+
+/*
+tr th::after {
+    content: "";
+    position: absolute;
+    top: 65px;
+    left: 4%;
+    width: 92%;
+    border-bottom: 2px solid var(--c_purple_dark);
+}
+*/
+
+/*
+img {
+    max-height: 5vh;
+    max-width: 10vw;
+}
+*/

static/dist/css/home.css

@@ -0,0 +1,26 @@
+
+
+.page-body > * {
+    height: 100%;
+}
+#pageBody > * :first-child{
+    margin-top: 25vh;
+}
+#pageBody > * :last-child {
+    margin-bottom: 35vh;
+}
+
+.img-demo {
+    max-width: 50%;
+    min-width: 500px;
+}
+
+.img-featured {
+    width: 100%;
+}
+
+/*
+img {
+  background-image: url("/static/images/Tag_Molly1.png");
+}
+*/

static/dist/css/legal_license.css

@@ -0,0 +1,9 @@
+
+
+.page-body > * {
+}
+#pageBody > * :first-child{
+}
+#pageBody > * :last-child {
+}
+

static/dist/css/license.css

@@ -0,0 +1,9 @@
+
+
+.page-body > * {
+}
+#pageBody > * :first-child{
+}
+#pageBody > * :last-child {
+}
+

static/dist/css/services.css

@@ -0,0 +1,38 @@
+
+#pageBody > .card {
+    padding-left: 5vw;
+    padding-right: 5vw;
+    max-width: 80vw;
+}
+#pageBody > .card:first-of-type{
+}
+#pageBody > .card:last-of-type {
+    padding-left: 5vw;
+    padding-right: 5vw;
+}
+#pageBody > .card:not(:first-of-type) {
+}
+
+table {
+    left: 5vw;
+    max-width: 70vw;
+    width: fit-content !important;
+}
+
+/*
+tr th::after {
+    content: "";
+    position: absolute;
+    top: 65px;
+    left: 4%;
+    width: 92%;
+    border-bottom: 2px solid var(--c_purple_dark);
+}
+*/
+
+/*
+img {
+    max-height: 5vh;
+    max-width: 10vw;
+}
+*/

static/dist/css/store_home.css

@@ -0,0 +1,2 @@
+
+

static/dist/css/store_product_categories.css

@@ -0,0 +1,63 @@
+
+
+
+td.display-order, th.display-order {
+    width: 8% !important;
+}
+td.code, th.code {
+    width: 15% !important;
+}
+td.name, th.name {
+    width: 25% !important;
+}
+td.description, th.description {
+    width: 35% !important;
+}
+td.access_level, th.access_level {
+    width: 10% !important;
+}
+td.active, th.active {
+    width: 7% !important;
+}
+
+/*
+.row-new {
+    visibility: hidden;
+}
+*/
+
+textarea {
+    width: 95% !important;
+}
+
+select {
+    width: 100% !important;
+}
+
+input {
+    width: 90% !important;
+}
+
+td > input, td > select, td > textarea, .container-input > input, .container-input > select, .container-input > textarea {
+    border: 2px solid var(--c_purple);
+    border-radius: 0.5vh;
+}
+
+#tableMain tbody tr td button {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    text-decoration: none;
+}
+
+#tableMain tbody tr td table thead tr th.id_variation_type, #tableMain tbody tr td table tbody tr td.id_variation_type, #tableMain tbody tr td table thead tr th.id_variation, #tableMain tbody tr td table tbody tr td.id_variation {
+    width: 47.5%;
+}
+
+
+/*
+select.id_variation, select.id_variation_type {
+    max-width: 40% !important;
+}
+*/
+

static/dist/css/store_product_permutations.css

@@ -0,0 +1,62 @@
+
+
+
+td.category, th.category {
+    width: 16% !important;
+}
+td.product, th.product {
+    width: 23% !important;
+}
+td.variations, th.variations {
+    width: 19% !important;
+}
+td.quantity-stock, th.quantity-stock {
+    width: 10% !important;
+}
+td.quantity-min, th.quantity-min {
+    width: 10% !important;
+}
+td.quantity-max, th.quantity-max {
+    width: 10% !important;
+}
+td.cost-local-VAT-incl, th.cost-local-VAT-incl {
+    width: 6% !important;
+}
+td.detail, th.detail {
+    width: 6% !important;
+}
+
+textarea {
+    width: 95% !important;
+}
+
+select {
+    width: 100% !important;
+}
+
+input {
+    width: 90% !important;
+}
+
+td > input, td > select, td > textarea, .container-input > input, .container-input > select, .container-input > textarea {
+    border: 2px solid var(--c_purple);
+    border-radius: 0.5vh;
+}
+
+#tableMain tbody tr td button {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    text-decoration: none;
+}
+
+#tableMain tbody tr td table thead tr th.id_variation_type, #tableMain tbody tr td table tbody tr td.id_variation_type, #tableMain tbody tr td table thead tr th.id_variation, #tableMain tbody tr td table tbody tr td.id_variation {
+    width: 47.5%;
+}
+
+/*
+select.id_variation, select.id_variation_type {
+    max-width: 40% !important;
+}
+*/
+

static/dist/css/store_stock_items.css

@@ -0,0 +1,41 @@
+
+
+th, td {
+    min-width: fit-content;
+}
+
+
+
+.category {
+    width: 12%;
+}
+.product {
+    width: 12%;
+}
+.variations {
+    width: 12%;
+}
+.currency {
+    width: 12%;
+}
+.cost-local-VAT-incl {
+    width: 10%;
+}
+.date-puchased, .date-received, .date-unsealed, .date-expiration, .date-consumed {
+    width: 6%;
+}
+.storage-location {
+    width: 12%;
+}
+.active {
+    width: 5%;
+}
+
+.row-new {
+    visibility: hidden;
+}
+
+textarea, select, input {
+    width: 100% !important;
+}
+

static/dist/js/admin_home.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/contact.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/core_admin_home.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/core_contact.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/core_home.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/core_services.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/home.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/legal_license.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/license.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/services.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/store_home.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/store_product_categories.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/store_product_permutations.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/dist/js/store_stock_items.bundle.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

static/js/app.js

@@ -1,3 +1,23 @@
+// Bundle css imports
+import '../css/lib/reset.css';
+import '../css/lib/typography.css';
+import '../css/lib/variables.css';
+import '../css/lib/utils.css';
+
+import '../css/layouts/header.css';
+import '../css/layouts/footer.css';
+
+import '../css/components/button.css';
+import '../css/components/card.css';
+import '../css/components/dialog.css';
+import '../css/components/form.css';
+import '../css/components/modal.css';
+import '../css/components/navigation.css';
+import '../css/components/overlay.css';
+
+import '../css/sections/store.css';
+
+
 
 // Main entry point for the application
 'use strict';