Codeception · Arhell · May 3, 2021 · May 2, 2021
diff --git a/_config.yml b/_config.yml
@@ -6,6 +6,9 @@ kramdown:
   syntax_highlighting: rouge
 highlighter: rouge
 exclude: [vendor]
+sass:
+  sass_dir: _scss
+  style: compressed
 plugins:
   - jekyll-algolia
 algolia:

diff --git a/_layouts/bootstrap.html b/_layouts/bootstrap.html
@@ -16,7 +16,7 @@
     <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
     <link href="//netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
 
-    <link rel="stylesheet" href="/css/style.min.css">
+    <link rel="stylesheet" href="{{ '/css/style.css' | relative_url }}">
 
     <!-- Other -->
     <link title="Codeception Blog" type="application/rss+xml" rel="alternate" href="/rss.xml">

diff --git a/_scss/_algolia.scss b/_scss/_algolia.scss
@@ -0,0 +1,95 @@
+/*Algolia*/
+
+/* Search form */
+
+.algolia__input {
+  margin-bottom: 1rem;
+  font-size: 20px;
+  padding: .25rem .5rem;
+}
+
+/* Search results container */
+
+.algolia__initial-content {
+  display: block;
+}
+
+.algolia__initial-content--hidden, .algolia__search-content {
+  display: none;
+}
+
+.algolia__search-content--active {
+  display: block;
+}
+
+/* Search results */
+
+.algolia__result {
+  margin-bottom: 2rem;
+}
+
+.algolia__result-link {
+  font-size: 1.2em;
+  font-weight: bold;
+  display: inline-block;
+  margin-bottom: 5px;
+}
+
+.algolia__result-date {
+  font-size: 0.65em;
+}
+
+.algolia__result-text {
+  font-size: 1em;
+}
+
+.algolia__result-link .algolia__result-highlight {
+  background-color: #D3E8F6;
+  background-color: rgba(38, 139, 210, 0.2);
+}
+
+.algolia__result-text .algolia__result-highlight {
+  font-weight: bold;
+}
+
+/* Theming */
+
+.theme-base-08 .algolia__result-link .algolia__result-highlight {
+  background-color: #EED9D9;
+  background-color: rgba(172, 65, 66, 0.2);
+}
+
+.theme-base-09 .algolia__result-link .algolia__result-highlight {
+  background-color: #F6E6DA;
+  background-color: rgba(210, 132, 69, 0.2);
+}
+
+.theme-base-0a .algolia__result-link .algolia__result-highlight {
+  background-color: #FDF2E3;
+  background-color: rgba(244, 191, 117, 0.2);
+}
+
+.theme-base-0b .algolia__result-link .algolia__result-highlight {
+  background-color: #E9EEDE;
+  background-color: rgba(144, 169, 89, 0.2);
+}
+
+.theme-base-0c .algolia__result-link .algolia__result-highlight {
+  background-color: #E3F0EE;
+  background-color: rgba(117, 181, 170, 0.2);
+}
+
+.theme-base-0d .algolia__result-link .algolia__result-highlight {
+  background-color: #E1ECF0;
+  background-color: rgba(106, 159, 181, 0.2);
+}
+
+.theme-base-0e .algolia__result-link .algolia__result-highlight {
+  background-color: #EEE3EC;
+  background-color: rgba(170, 117, 159, 0.2);
+}
+
+.theme-base-0f .algolia__result-link .algolia__result-highlight {
+  background-color: #E9DDD6;
+  background-color: rgba(143, 85, 54, 0.2);
+}
diff --git a/_scss/_all.scss b/_scss/_all.scss
@@ -0,0 +1,4 @@
+@import "main";
+@import "algolia";
+@import "contributors";
+@import "highlight";
diff --git a/_scss/_contributors.scss b/_scss/_contributors.scss
@@ -0,0 +1,53 @@
+/*Contributors*/
+
+.contributors {
+  width: 600px;
+  overflow: auto;
+  margin-bottom: 3em;
+
+  li {
+    width: 178px;
+    margin-right: 12px;
+    margin-bottom: 6px;
+    overflow: auto;
+    float: left;
+    padding: 1px 0px;
+
+    a {
+      display: block;
+      text-decoration: none;
+      overflow: auto;
+    }
+
+    span {
+      display: block;
+      float: left;
+      margin-left: 12px;
+      font-size: 15px;
+      padding-top: 5px;
+      color: #aaa;
+    }
+
+    a span {
+      color: #888;
+    }
+
+    img {
+      float: left;
+      border: 1px solid #fff;
+      -webkit-border-radius: 3px;
+      -moz-border-radius: 3px;
+      border-radius: 3px;
+    }
+
+    a:hover {
+      span {
+        color: #000;
+      }
+
+      img {
+        border: 1px solid #bbb;
+      }
+    }
+  }
+}