feat: add flexsearch

assets/scss/components/_alerts.scss

@@ -0,0 +1,63 @@
+.alert {
+  font-family: $font-family-monospace;
+  font-size: $font-size-sm;
+}
+
+.alert-icon {
+  margin-right: 0.75rem;
+}
+
+.docs .alert {
+  margin: 2rem -1.5rem;
+}
+
+.alert .alert-link {
+  text-decoration: underline;
+}
+
+.alert-dark {
+  color: $white;
+  background-color: $black;
+}
+
+.alert-dark .alert-link {
+  color: $white;
+}
+
+.alert-light {
+  color: $black;
+}
+
+.alert-warning {
+  background: $beige;
+  color: $black;
+}
+
+/*
+.alert-light {
+  color: #215888;
+  background: linear-gradient(-45deg, rgb(212, 245, 255), rgb(234, 250, 255), rgb(234, 250, 255), #d3f6ef);
+}
+
+.alert-light .alert-link {
+  color: #215888;
+}
+*/
+
+.alert-white {
+  background-color: rgba(255, 255, 255, 0.95);
+}
+
+.alert-primary {
+  color: $white;
+  background-color: $primary;
+}
+
+.alert-primary .alert-link {
+  color: $white;
+}
+
+.alert .alert-link:hover,
+.alert .alert-link:focus {
+  text-decoration: none;
+}

assets/scss/components/_buttons.scss

@@ -7,6 +7,11 @@
   margin-right: 1.25rem;
 }
 
+.btn-link:focus {
+  outline: 0;
+  box-shadow: none;
+}
+
 #navigation {
   margin-left: 1.25rem;
 }
@@ -44,3 +49,26 @@ body.dark .toggle-light {
 body.dark .toggle-dark {
   display: none;
 }
+
+.btn-clipboard {
+  display: none;
+}
+
+@include media-breakpoint-up(md) {
+  .btn-clipboard {
+    display: block;
+    margin: 2.0625rem 0.25rem -4rem auto;
+  }
+}
+
+.copy-status::after,
+.copy-status:hover::after {
+  content: "Copy";
+  display: block;
+}
+
+.copy-status:focus::after,
+.copy-status:active::after {
+  content: "Copied";
+  display: block;
+}

assets/scss/components/_code.scss

@@ -1,10 +1,3 @@
-/*
-.highlight {
-  margin-left: -1.5rem;
-  margin-right: -1.5rem;
-}
-*/
-
 pre,
 code,
 kbd,
@@ -15,8 +8,8 @@ samp {
 }
 
 pre {
-  background: lighten($black, 15%);
-  color: $beige;
+  background: $beige;
+  color: $black;
   line-height: $line-height-lg;
   margin: 2rem 0;
   overflow: auto;
@@ -35,3 +28,16 @@ pre code {
   font-size: inherit;
   padding: 0;
 }
+
+@include media-breakpoint-down(xs) {
+  pre {
+    margin: 2rem -1.5rem;
+  }
+
+  pre,
+  code,
+  kbd,
+  samp {
+    border-radius: 0;
+  }
+}

assets/scss/components/_images.scss

@@ -1,20 +1,3 @@
-.img svg,
-.img img {
-  margin: 0;
-  width: 100%;
-  height: auto;
-}
-
-.img {
-  position: relative;
-}
-
-.img img {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
 figure {
   margin: 2rem 0;
 }
@@ -33,11 +16,11 @@ figure.wide .figure-caption {
 
 @include media-breakpoint-up(md) {
   figure.wide {
-    margin: 2rem -3rem;
+    margin: 2rem -2.5rem;
   }
 
   figure.wide .figure-caption {
-    margin: 0.25rem 3rem 0.75rem;
+    margin: 0.25rem 2.5rem 0.75rem;
   }
 }
 
@@ -52,12 +35,14 @@ figure.wide .figure-caption {
 }
 
 .blur-up {
-  -webkit-filter: blur(5px);
   filter: blur(5px);
-  transition: filter 300ms, -webkit-filter 300ms;
 }
 
 .blur-up.lazyloaded {
-  -webkit-filter: blur(0);
-  filter: blur(0);
+  filter: unset;
+}
+
+.img-simple {
+  margin-top: 0.375rem;
+  margin-bottom: 1.25rem;
 }

assets/scss/components/_search.scss

@@ -0,0 +1,75 @@
+.navbar-form {
+  position: relative;
+}
+
+#suggestions {
+  position: absolute;
+  right: 0;
+  margin-top: 0.5rem;
+  width: calc(100vw - 3rem);
+}
+
+#suggestions a {
+  display: block;
+  text-decoration: none;
+  padding: 0.75rem;
+  margin: 0 0.5rem;
+}
+
+#suggestions a:focus {
+  background: $gray-100;
+  outline: 0;
+}
+
+#suggestions div:not(:first-child) {
+  border-top: 1px dashed $gray-200;
+}
+
+#suggestions div:first-child {
+  margin-top: 0.5rem;
+}
+
+#suggestions div:last-child {
+  margin-bottom: 0.5rem;
+}
+
+#suggestions a:hover {
+  background: $gray-100;
+}
+
+#suggestions span {
+  display: flex;
+  font-size: $font-size-base;
+}
+
+#suggestions span:first-child {
+  font-weight: $headings-font-weight;
+  color: $black;
+}
+
+#suggestions span:nth-child(2) {
+  color: $gray-700;
+}
+
+@include media-breakpoint-up(sm) {
+  #suggestions {
+    width: 30rem;
+  }
+
+  #suggestions a {
+    display: flex;
+  }
+
+  #suggestions span:first-child {
+    width: 9rem;
+    padding-right: 1rem;
+    border-right: 1px solid $gray-200;
+    display: inline-block;
+    text-align: right;
+  }
+
+  #suggestions span:nth-child(2) {
+    width: 19rem;
+    padding-left: 1rem;
+  }
+}

assets/scss/components/_syntax.scss

@@ -0,0 +1,131 @@
+/*!
+ * GitHub Light v0.5.0
+ * Copyright (c) 2012 - 2017 GitHub, Inc.
+ * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
+ */
+
+ .c1,
+ .c /* comment, punctuation.definition.comment, string.comment */ {
+   color: #6a737d;
+ }
+ 
+ .v /* variable */,
+ .smw /* sublimelinter.mark.warning */ {
+   color: #e36209;
+ }
+ 
+ // .c1 /* constant, entity.name.constant, variable.other.constant, variable.language, support, meta.property-name, support.constant, support.variable, meta.module-reference, markup.raw, meta.diff.header, meta.output */,
+ .s .v /* string variable */ {
+   color: #005cc5;
+ }
+ 
+ .e /* entity */,
+ .en /* entity.name */ {
+   color: #6f42c1;
+ }
+ 
+ .smi /* variable.parameter.function, storage.modifier.package, storage.modifier.import, storage.type.java, variable.other */,
+ .s .s1 /* string source */ {
+   color: #24292e;
+ }
+ 
+ .ent /* entity.name.tag, markup.quote */ {
+   color: #22863a;
+ }
+ 
+ .k /* keyword, storage, storage.type */ {
+   color: #d73a49;
+ }
+ 
+ .s /* string */,
+ .pds /* punctuation.definition.string, source.regexp, string.regexp.character-class */,
+ .s .pse .s1 /* string punctuation.section.embedded source */,
+ .sr /* string.regexp */,
+ .sr .cce /* string.regexp constant.character.escape */,
+ .sr .sre /* string.regexp source.ruby.embedded */,
+ .sr .sra /* string.regexp string.regexp.arbitrary-repitition */ {
+   color: #032f62;
+ }
+ 
+ .bu /* invalid.broken, invalid.deprecated, invalid.unimplemented, message.error, brackethighlighter.unmatched, sublimelinter.mark.error */ {
+   color: #b31d28;
+ }
+ 
+ .ii /* invalid.illegal */ {
+   color: #fafbfc;
+   background-color: #b31d28;
+ }
+ 
+ .c2 /* carriage-return */ {
+   color: #fafbfc;
+   background-color: #d73a49;
+ }
+ 
+ .c2::before /* carriage-return */ {
+   content: "^M";
+ }
+ 
+ .sr .cce /* string.regexp constant.character.escape */ {
+   font-weight: bold;
+   color: #22863a;
+ }
+ 
+ .ml /* markup.list */ {
+   color: #735c0f;
+ }
+ 
+ .mh /* markup.heading */,
+ .mh .en /* markup.heading entity.name */,
+ .ms /* meta.separator */ {
+   font-weight: bold;
+   color: #005cc5;
+ }
+ 
+ .mi /* markup.italic */ {
+   font-style: italic;
+   color: #24292e;
+ }
+ 
+ .mb /* markup.bold */ {
+   font-weight: bold;
+   color: #24292e;
+ }
+ 
+ .md /* markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted */ {
+   color: #b31d28;
+   background-color: #ffeef0;
+ }
+ 
+ .mi1 /* markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted */ {
+   color: #22863a;
+   background-color: #f0fff4;
+ }
+ 
+ .mc /* markup.changed, punctuation.definition.changed */ {
+   color: #e36209;
+   background-color: #ffebda;
+ }
+ 
+ .mi2 /* markup.ignored, markup.untracked */ {
+   color: #f6f8fa;
+   background-color: #005cc5;
+ }
+ 
+ .mdr /* meta.diff.range */ {
+   font-weight: bold;
+   color: #6f42c1;
+ }
+ 
+ .ba /* brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote */ {
+   color: #586069;
+ }
+ 
+ .sg /* sublimelinter.gutter-mark */ {
+   color: #959da5;
+ }
+ 
+ .corl /* constant.other.reference.link, string.other.link */ {
+   text-decoration: underline;
+   color: #032f62;
+ }
+