IMPR: CMS lightbox

app/client/src/js/types/cms.js

@@ -1,4 +1,16 @@
 'use strict'
 
 import '../../scss/cms.scss'
+import "@a2nt/meta-lightbox-js/src/js/app";
 // import '@a2nt/ss-bootstrap-ui-webpack-boilerplate/src/js/_components/_ui.image-position';
+
+(function ($) {
+    $.entwine("ss", ($) => {
+        $('[data-toggle="lightbox"]').entwine({
+            onmatch() {
+                console.log("Init lightbox links at CMS");
+                window.dispatchEvent(new Event("MetaWindow.initLinks"));
+            },
+        });
+    });
+})(jQuery);

app/client/src/scss/_cms.scss

@@ -1,14 +1,3 @@
+@import "./variables";
 @import "~@a2nt/ss-bootstrap-ui-webpack-boilerplate/src/scss/types/cms";
-
-.notifications-list {
-    .alert {
-        .btn-close {
-            display: none;
-        }
-    }
-}
-
-.btn-outline-primary,
-.btn-primary {
-    color: #fff;
-}
+@import "~@a2nt/meta-lightbox-js/src/scss/app";