Release v0.2.1 (#274)

assets/css/_core/_base.scss

@@ -32,7 +32,7 @@ html {
 body {
   background-color: $global-background-color;
   color: $global-font-color;
-  overflow-wrap: break-word;
+  @include overflow-wrap(break-word);
   scrollbar-color: auto;
 
   &[theme=dark] {

assets/css/_mixin/_compatibility.scss

@@ -85,3 +85,8 @@
   -moz-appearance: $value;
   -webkit-appearance: $value;
 }
+
+@mixin overflow-wrap($value) {
+  word-wrap: $value;
+  overflow-wrap: $value;
+}

assets/css/_mixin/_summary.scss

@@ -44,7 +44,7 @@
       width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
-      overflow-wrap: break-word;
+      @include overflow-wrap(break-word);
       color: $global-font-secondary-color;
 
       [theme=dark] & {

assets/css/_page/_single.scss

@@ -128,8 +128,7 @@
     @include link(false, false);
 
     a {
-      word-break: break-all;
-      word-break: break-word;
+      @include overflow-wrap(break-word);
 
       [theme=dark] & b, [theme=dark] & strong {
         color: $single-link-color-dark;

assets/css/_partial/_archive/_tags.scss

@@ -7,7 +7,7 @@
     display: inline-block;
     position: relative;
     margin: 5px 10px;
-    overflow-wrap: break-word;
+    @include overflow-wrap(break-word);
     @include transition(all ease-out 0.3s);
 
     &:active,

assets/css/_partial/_header.scss

@@ -281,6 +281,10 @@ header {
         }
       }
 
+      .search-button {
+        top: 0;
+      }
+
       .search-cancel {
         display: none;
         margin-left: .75rem;
@@ -380,7 +384,7 @@ header {
           -webkit-line-clamp: 2;
           overflow: hidden;
           text-overflow: ellipsis;
-          overflow-wrap: break-word;
+          @include overflow-wrap(break-word);
           color: $global-font-secondary-color;
 
           [theme=dark] & {

assets/css/_partial/_single/_code.scss

@@ -1,9 +1,11 @@
 code {
   display:inline-block;
+  max-width: 100%;
+  padding: 0 .4rem;
+  @include overflow-wrap(break-word);
   font-size: $code-font-size;
   font-family: $code-font-family;
   color: $code-color;
-  padding: 0 .4rem;
 
   [theme=dark] & {
     color: $code-color-dark;
@@ -21,7 +23,7 @@ pre {
 
   img {
     min-height: 1em;
-    max-height: 1.25em;
+    max-height: 1.2em;
     vertical-align: text-bottom;
   }
 }

assets/css/_partial/_single/_toc.scss

@@ -53,7 +53,7 @@
   width: $MAX_LENGTH;
   padding: 0 .8rem;
   border-left: 4px solid $global-border-color;
-  overflow-wrap: break-word;
+  @include overflow-wrap(break-word);
   box-sizing: border-box;
   top: if($header-normal-mode-desktop, 5rem, 10rem);
   left: $MAX_LENGTH;