From 0068842e03ef847abeb160f7c878981a38ab2921 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 2 Jun 2020 20:25:15 +0200
Subject: [PATCH] wip #3634 @3

---
 js/libs/fluidbook/fluidbook.search.js |  2 +-
 style/articles.less                   | 94 +++++++++++++++++++++++++++
 style/menu-articles.less              | 45 +++++++++++++
 3 files changed, 140 insertions(+), 1 deletion(-)
 create mode 100644 style/articles.less
 create mode 100644 style/menu-articles.less

diff --git a/js/libs/fluidbook/fluidbook.search.js b/js/libs/fluidbook/fluidbook.search.js
index fbe698e9..3b946048 100644
--- a/js/libs/fluidbook/fluidbook.search.js
+++ b/js/libs/fluidbook/fluidbook.search.js
@@ -496,7 +496,7 @@ FluidbookSearch.prototype = {
         }
         this.clearHighlights();
         if (this.termsToHighlight.length === 0) {
-            console.warn('no terms to highlight');
+            //console.warn('no terms to highlight');
             return;
         }
 
diff --git a/style/articles.less b/style/articles.less
new file mode 100644
index 00000000..81e17230
--- /dev/null
+++ b/style/articles.less
@@ -0,0 +1,94 @@
+@import "book-variables";
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+article {
+  position: relative;
+  font-family: @articles-font;
+  background-color: #fff;
+  color: #000;
+  font-size: 20px;
+  padding: 50px;
+  font-weight: 300;
+  text-align: left;
+
+  .print {
+    position: absolute;
+    top: 55px;
+    right: 45px;
+    color: @articles-title-color;
+
+    svg {
+      fill:currentColor;
+      width: 20px;
+    }
+  }
+
+  h3 {
+    color: #fff;
+    font-size: 14px;
+    padding: 5px 10px;
+    font-weight: 300;
+    text-transform: uppercase;
+    width: ~"calc(100% - 30px)";
+  }
+
+  h2 {
+    color: @articles-title-color;
+    text-transform: uppercase;
+    font-size: 16px;
+    margin: 20px 0;
+    font-weight: 300;
+  }
+
+  h1 {
+    color: @articles-title-color;
+    margin: 20px 0;
+    font-size: 50px;
+    line-height: 40px;
+    font-weight: 600;
+  }
+
+  figure {
+    margin: 30px 0;
+
+    img {
+      display: block;
+      width: 100%;
+    }
+
+    figcaption {
+      color: #fff;
+      font-size: 16px;
+      padding: 15px;
+    }
+  }
+
+  .chapo {
+    font-weight: 600;
+    margin: 20px 0;
+  }
+
+  p {
+    margin: 20px 0;
+  }
+
+  .note {
+    margin: -10px 0 20px;
+    font-size: 12px;
+  }
+
+  blockquote {
+    font-style: italic;
+    margin: 40px 0 20px;
+  }
+
+  .author {
+    font-size: 16px;
+    margin: 20px 0;
+  }
+}
diff --git a/style/menu-articles.less b/style/menu-articles.less
new file mode 100644
index 00000000..e1a1d3ad
--- /dev/null
+++ b/style/menu-articles.less
@@ -0,0 +1,45 @@
+.mview[data-menu="article"] {
+  background-color: #fff;
+
+  iframe {
+    border: 0;
+  }
+
+  .footer {
+    height: 45px;
+    padding: 13px 20px;
+    background-color: @menu-background;
+    color: @menu-text;
+    font-weight: 300;
+    font-size: 16px;
+
+    a {
+
+      vertical-align: top;
+      display: inline-block;
+      width: 50%;
+
+      &.article-prev {
+        text-align: left;
+
+        svg {
+          margin-right: 12px;
+        }
+      }
+
+      &.article-next {
+        text-align: right;
+
+        svg {
+          margin-left: 12px;
+        }
+      }
+
+      svg {
+        width: 8px;
+        position: relative;
+        top: 2px;
+      }
+    }
+  }
+}
\ No newline at end of file
-- 
2.39.5