chore: update doc site styles (#460)

DaveSkender · Jun 18, 2021 · 22147d4 · 22147d4
1 parent 6f88986
commit 22147d4
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 22 deletions.
diff --git a/GemFile.lock b/GemFile.lock
@@ -1,7 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (6.0.3.7)
+    activesupport (6.0.4)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 0.7, < 2)
       minitest (~> 5.1)
@@ -16,7 +16,7 @@ GEM
     colorator (1.1.0)
     commonmarker (0.17.13)
       ruby-enum (~> 0.5)
-    concurrent-ruby (1.1.8)
+    concurrent-ruby (1.1.9)
     dnsruby (1.61.5)
       simpleidn (~> 0.1)
     em-websocket (0.5.2)
@@ -39,7 +39,7 @@ GEM
     faraday-excon (1.1.0)
     faraday-net_http (1.0.1)
     faraday-net_http_persistent (1.1.0)
-    ffi (1.15.1-x64-mingw32)
+    ffi (1.15.3-x64-mingw32)
     forwardable-extended (2.6.0)
     gemoji (3.0.1)
     github-pages (215)
@@ -219,7 +219,7 @@ GEM
       jekyll-seo-tag (~> 2.1)
     minitest (5.14.4)
     multipart-post (2.1.1)
-    nokogiri (1.11.6-x64-mingw32)
+    nokogiri (1.11.7-x64-mingw32)
       racc (~> 1.4)
     octokit (4.21.0)
       faraday (>= 0.9)

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -25,17 +25,12 @@
   <meta name="theme-color" content="#157878">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 
-  <!-- fonts -->
-  <link rel="preconnect" href="https://fonts.gstatic.com">
-  <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" as="style" type="text/css" />
-  <link rel="preload" href="https://fonts.googleapis.com/css?family=Google+Sans:100,300,400,500,700,900,100i,300i,400i,500i,700i,900i" as="style" type="text/css" />
-
   <!-- style -->
   <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
 </head>
 
 <body>
-  <header class="page-header" style="padding:10px;" role="banner">
+  <header class="page-header" role="banner">
 
     <h1 class="project-name">
       <a href="{{ site.baseurl }}/" style="text-decoration:none;color:unset">

diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -4,28 +4,28 @@
 // JEKYLL THEME STYLE OVERRIDES
 
 @import "{{ site.theme }}";
-@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap");
-@import url("https://fonts.googleapis.com/css?family=Google+Sans:100,300,400,500,700,900,100i,300i,400i,500i,700i,900i");
 
-body {
-    font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
+$color-primary: #424242;
+$color-primary-dark: #212121;
+$color-primary-light: #e0e0e0;
 
-.project-name,h1,h2,h3,h4,h5 {
-    font-family: "Google Sans", "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+.page-header {
+    padding: 10px;
+    background-color: $color-primary;
+    background-image: linear-gradient(120deg, $color-primary, $color-primary-dark);
 }
 
 .project-name {
+    color: $color-primary-light;
     font-size: 2rem;
     letter-spacing: 0.05em;
     margin: 0;
 }
 
 .project-tagline {
-    font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 1rem;
-    margin-bottom:12px;
-    margin-top:0;
+    margin-bottom: 12px;
+    margin-top: 0;
 }
 
 h1 {
@@ -45,12 +45,20 @@ h5 {
 }
 
 .main-content {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5 {
+        color: $color-primary;
+    }
 
-    td,th {
+    td,
+    th {
         font-size: 0.85em;
     }
 
     td {
         vertical-align: top;
     }
-}
+}