fix #3548 @0.25

diff --git a/resources/js/menu.js b/resources/js/menu.js
index 28e6609dc8db9d96b8ff1c026b5351ddfbb4d705..3f0291ebe9aabd8fc8e49930791925e7bf8281ab 100644 (file)
--- a/resources/js/menu.js
+++ b/resources/js/menu.js
@@ -8,7 +8,7 @@ document.addEventListener(
     'DOMContentLoaded', () => {
         let nav = document.getElementById("mobile-nav");
         window.mmenu = new MmenuLight(nav, {title: "Menu"});
-        window.menu_breakpoint = 1023; // Note: this should match the menu CSS breakpoint in setup.styl!
+        window.menu_breakpoint = 1479; // Note: this should match the menu CSS breakpoint in setup.styl!
 
         mmenu.enable(`(max-width: ${menu_breakpoint}px)`);
         mmenu.offcanvas();

diff --git a/resources/styles/common/setup.styl b/resources/styles/common/setup.styl
index 0d68001bccd1eca98caa904eca0751f1eb7a001a..8e829f4c0463d338f89dd3b648fc4145d769b6dc 100644 (file)
--- a/resources/styles/common/setup.styl
+++ b/resources/styles/common/setup.styl
@@ -17,7 +17,7 @@ $vertical-gutter   = 5vw
 
 // Breakpoints in Rupture (https://github.com/jescalan/rupture)
 $breakpoint-columns  = 768px // NOTE: this should align with the 'sm' screen value in tailwind.config.js
-$breakpoint-menu     = 1024px // This needs to match the MMenu activation setting in menu.js
+$breakpoint-menu     = 1480px // This needs to match the MMenu activation setting in menu.js
 rupture.scale        = 0 400px   768px   1024px
 rupture.scale-names  = 'small' 'medium' 'large'
 rupture.anti-overlap = -1px // Results in +below(1000px) being max-width: 999px and +above(1000px) being min-width: 1000px

diff --git a/webpack.mix.js b/webpack.mix.js
index e896330d5dbd66c0f469b392942d0838ef53d52f..2c0b7a113e52504ed4d2d0486b0f4ebc922ed0db 100644 (file)
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -64,16 +64,16 @@ mix.stylus('resources/styles/app.styl', 'public/css', {
     // }
 });
 
-// mix.stylus('resources/styles/michsci.styl', 'public/css', {
-//         use: [
-//             require('rupture')()
-//         ]
-//     },
-//     [   // postCssPlugins
-//         tailwindcss('tailwind-michsci.config.js'),
-//         require('lost'),
-//     ]
-// );
+mix.stylus('resources/styles/michsci.styl', 'public/css', {
+        use: [
+            require('rupture')()
+        ]
+    },
+    [   // postCssPlugins
+        tailwindcss('tailwind-michsci.config.js'),
+        require('lost'),
+    ]
+);
 
 //=== PurgeCSS to remove unused selectors
 mix.purgeCss({