added fonts mixins, started comm between theme and corpus-map (remove all modales on click on map)

sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js

@@ -1,6 +1,6 @@
 edlp_vars = {
-  "e_col_130": "rgb(126, 8, 104)",
-  "e_col_121": "rgb(58, 51, 182)",
+  "e_col_130": "rgb(75, 143, 126)",
+  "e_col_121": "rgb(134, 142, 36)",
   "e_col_134": "rgb(43, 143, 47)",
   "e_col_121": "rgb(58, 51, 182)",
   "e_col_125": "rgb(44, 159, 87)",
@@ -21,19 +21,31 @@ edlp_vars = {
   "e_col_126": "rgb(212, 156, 182)",
   "e_col_123": "rgb(73, 119, 21)"
 };
-
 (function($) {
 
-
   EdlpTheme = function(){
 
+    var _is_front = $('body').is('.path-frontpage');
+    var _$corpus_map;
+    var _$content_container = $('.layout-container>main>.layout-content');
 
     function init(){
       console.log("EdlpTheme init()");
+      // if(_is_front) initFront();
+
+      $('body').on('corpus-map-ready', onCorpusMapReady);
+
       initScrollbars();
+
       initAjaxLinks();
     };
 
+
+
+    // function initFront(){
+    //   console.log('theme : initFront');
+    // };
+
     function initScrollbars(){
       $('.os-scroll').overlayScrollbars({
         overflowBehavior:{x:'h',y:'scroll'}
@@ -43,6 +55,7 @@ edlp_vars = {
       // });
     };
 
+    // ajax
     function  initAjaxLinks(){
       console.log('initAjaxLinks');
       $('a', '#block-mainnavigation').on('click', onClickAjaxLink);
@@ -63,6 +76,23 @@ edlp_vars = {
       initScrollbars();
     };
 
+    // corpus
+    function onCorpusMapReady(e){
+      console.log('theme : onCorpusReady');
+      _$corpus_map = $('canvas#edlp-map');
+      _$corpus_map.on('corpus-cliked-on-map', function(e) {
+        console.log('theme : corpus-cliked-on-map');
+        closeAllModals();
+      });
+    }
+
+    //modals
+    function closeAllModals(){
+      console.log('theme : closeAllModals');
+      // TODO: animate the remove 
+      _$content_container.html('');
+    };
+
     init();
   }
 

sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css

@@ -1009,15 +1009,35 @@ main[role="main"] .layout-content {
       pointer-events: all;
       max-height: 100%;
       position: relative; }
-    main[role="main"] .layout-content .row .col > * {
-      border-top: 1px solid red;
-      border-bottom: 1px solid red;
-      background-color: rgba(255, 255, 255, 0.9);
-      max-height: 100%; }
+      main[role="main"] .layout-content .row .col > .wrapper {
+        border-top: 1px solid red;
+        border-bottom: 1px solid red;
+        background-color: rgba(255, 255, 255, 0.95);
+        max-height: 100%;
+        padding: 0 0 1em; }
+        main[role="main"] .layout-content .row .col > .wrapper > * {
+          padding: 0 1em; }
+
+main[role="main"] article.node > h2 {
+  font-size: 0.9em;
+  font-weight: normal;
+  text-transform: uppercase; }
+
+main[role="main"] article.node p {
+  font-size: 0.75em;
+  font-weight: normal; }
+
+main[role="main"] img {
+  max-width: 100%; }
+
+main[role="main"] ul, main[role="main"] li, main[role="main"] ul.inline li:first-child {
+  margin: 0;
+  padding: 0;
+  list-style: none; }
 
 #agenda {
   pointer-events: auto;
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(255, 255, 255, 0.95);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-top: 1px solid red;
@@ -1178,7 +1198,7 @@ footer {
             -ms-hyphens: auto;
             hyphens: auto;
             white-space: normal;
-            background-color: rgba(255, 255, 255, 0.9);
+            background-color: rgba(255, 255, 255, 0.95);
             padding: 0.5em;
             padding-bottom: 0; }
             footer .block-block-edlp-entrees ul li .entree-content .term-description p {
@@ -1277,7 +1297,7 @@ footer {
       bottom: 20px;
       padding: 0.5em;
       padding-bottom: 20px;
-      background-color: rgba(255, 255, 255, 0.9);
+      background-color: rgba(255, 255, 255, 0.95);
       overflow: hidden;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;