Fix: Make improvements

Fix Edge layout issues on documentation landing page, clean up unused CSS, and remove unnecessary font weights. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Fix #126 Fix #218 Fix #219 Close #221
webhintio · Oct 3, 2017 · 6c1cd60 · 6c1cd60
1 parent af31e87
commit 6c1cd60
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 7 deletions.
diff --git a/src/hexo/themes/documentation/layout/partials/styles.hbs b/src/hexo/themes/documentation/layout/partials/styles.hbs
@@ -13,5 +13,5 @@
 <link rel="stylesheet" href="{{url_for "/components/breadcrumb/breadcrumb.css "}}">
 <link rel="stylesheet" href="{{url_for "/components/pagination/pagination.css "}}">
 <link rel="stylesheet" href="{{url_for "/core/css/controls.css "}}">
-<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500" rel="stylesheet">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css">
diff --git a/src/hexo/themes/documentation/source/core/css/code.css b/src/hexo/themes/documentation/source/core/css/code.css
@@ -17,6 +17,7 @@ pre,
 }
 
 .highlight {
+    max-width: 64rem;
     border: 2px solid hsla(0, 0%, 0%, .03);
     margin-top: 2.4rem;
     margin-bottom: 2.4rem;

diff --git a/src/hexo/themes/documentation/source/core/css/controls.css b/src/hexo/themes/documentation/source/core/css/controls.css
@@ -378,6 +378,12 @@ select:disabled {
 
     .button--search::before {
         content: url("/images/search-icon.svg");
+        position: absolute;
+        display: inline-block;
+        width: 2rem;
+        top: 0;
+        left: 0;
+        padding: 1.4rem 1.2rem;
     }
 
 /*

diff --git a/src/hexo/themes/documentation/source/core/css/documentation.css b/src/hexo/themes/documentation/source/core/css/documentation.css
@@ -113,7 +113,7 @@ a > .documentation-card__main > img {
 	}
 
 	.documentation > .bare {
-		margin-top: 4.8rem;
+		margin-top: 2.4rem;
 	}
 
 }

diff --git a/src/hexo/themes/documentation/source/core/css/navigation.css b/src/hexo/themes/documentation/source/core/css/navigation.css
@@ -197,15 +197,13 @@ button.mobile-nav-button {
 
 .navbar__submenu {
     margin: 0;
-    background-color: #2f2f2f;
     list-style-type: none;
 }
 
 .nav-bar .navbar__submenu {
     background-color: #4c51da;
 }
 
-
 .navbar__navitem a {
     transition: background-color ease-out .5s;
     white-space: nowrap; /* stop arrow breaking onto new line before font loads */

diff --git a/src/hexo/themes/documentation/source/core/css/tables-lists.css b/src/hexo/themes/documentation/source/core/css/tables-lists.css
@@ -53,7 +53,7 @@ thead th {
  */
 
 ul, ol {
-    margin-left: 2.4rem;
+    margin-left: 1.9rem;
 }
 
 * + li {
@@ -66,6 +66,7 @@ nav ol {
     list-style: none;
 }
 
-ul li > ul {
+ul li > ul,
+ol li > ul {
   margin-top: 1.2rem;
 }
diff --git a/src/hexo/themes/documentation/source/core/css/type.css b/src/hexo/themes/documentation/source/core/css/type.css
@@ -186,7 +186,7 @@ h6,
 /* Maximum line lengths */
 p,
 li {
-    max-width: 96rem;
+    max-width: 64rem;
 }
 
 /* Override line lengths */