docs: update theme preview and translation (#262)

README.md

@@ -129,6 +129,7 @@ LoveIt supports the following languages:
 * Simplified Chinese
 * French
 * Polish
+* Brazilian Portuguese
 * [Contribute with a new language](https://github.com/dillonzq/LoveIt/pulls)
 
 ## Questions, ideas, bugs, pull requests

README.zh-cn.md

@@ -124,6 +124,7 @@ LoveIt 支持下列语言:
 * 简体中文
 * 法语
 * 波兰语
+* 巴西葡萄牙语
 * [贡献一种新的语言](https://github.com/dillonzq/LoveIt/pulls)
 
 ## 问题、想法、 bugs 和 PRs

assets/css/_core/_media.scss

@@ -2,12 +2,28 @@
   .page {
     width: 56%;
   }
+
+  #header-desktop .header-wrapper {
+    padding: 0 8vw;
+  }
+
+  .search-dropdown.desktop {
+    right: 8vw;
+  }
 }
 
 @media only screen and (max-width: 1200px) {
   .page {
     width: 52%;
   }
+
+  #header-desktop .header-wrapper {
+    padding: 0 4vw;
+  }
+
+  .search-dropdown.desktop {
+    right: 4vw;
+  }
 }
 
 @media only screen and (max-width: 960px) {

assets/css/_mixin/_summary.scss

@@ -27,7 +27,7 @@
     }
 
     .single-title {
-      font-size: 1.4rem;
+      font-size: 1.25rem;
       line-height: 140%;
       margin: 0.4rem 0;
     }

assets/css/_page/_single.scss

@@ -206,8 +206,7 @@
 
     img {
       max-width: 100%;
-      min-height: 1.25em;
-      vertical-align: text-bottom;
+      min-height: 1em;
     }
 
     figure {

assets/css/_partial/_header.scss

@@ -26,7 +26,7 @@ header {
 .header-title {
   font-family: $header-title-font-family;
   font-weight: bold;
-  margin-right: .5rem;
+  margin: 0 .5rem;
   min-width: 10%;
   overflow: hidden;
   white-space: nowrap;
@@ -140,7 +140,7 @@ header {
   line-height: $header-height;
 
   .header-wrapper {
-    padding: 0 1.5rem;
+    padding: 0 10vw;
 
     .header-title {
       font-size: $header-title-font-size;
@@ -329,7 +329,7 @@ header {
   @include box-shadow(0 .125rem .25rem rgba(0, 0, 0, .1));
 
   &.desktop {
-    right: 1.5rem;
+    right: 10vw;
     width: 30rem;
   }
 

assets/css/_partial/_single/_code.scss

@@ -22,6 +22,7 @@ pre {
   img {
     min-height: 1.25em;
     max-height: 1.25em;
+    vertical-align: text-bottom;
   }
 }
 

assets/css/_variables.scss

@@ -4,7 +4,7 @@
 
 // ========== Global ========== //
 // Font and Line Height
-$global-font-family: system, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei UI, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !default;
+$global-font-family: system-ui, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei UI, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !default;
 $global-font-size: 16px;
 $global-font-weight: 400;
 $global-line-height: 1.5rem;
@@ -58,7 +58,7 @@ $header-background-color-dark: #252627 !default;
 
 // Font style of the header title
 $header-title-font-family: $global-font-family !default;
-$header-title-font-size: 1.5rem !default;
+$header-title-font-size: 1.25rem !default;
 
 // Position of the header
 $header-position-desktop: if($header-normal-mode-desktop, static, fixed) !default;