From 59e7fe74ec944a73cf7667ad6bc49c870f345962 Mon Sep 17 00:00:00 2001 From: Shadowfacts Date: Fri, 28 Jun 2019 15:28:00 -0400 Subject: [PATCH] Header/footer style tweaks --- lib/generate/css.ts | 2 ++ site/css/main.scss | 22 ++++++++++++++-------- site/layouts/default.html.ejs | 8 ++++---- 3 files changed, 20 insertions(+), 12 deletions(-) diff --git a/lib/generate/css.ts b/lib/generate/css.ts index ca2f420..d388095 100644 --- a/lib/generate/css.ts +++ b/lib/generate/css.ts @@ -28,4 +28,6 @@ async function generate(theme: string) { export default async function css() { await generate("light"); await generate("dark"); + + require("fs").watch("site/css/", css); } \ No newline at end of file diff --git a/site/css/main.scss b/site/css/main.scss index c1f126f..f63e1d4 100644 --- a/site/css/main.scss +++ b/site/css/main.scss @@ -236,17 +236,20 @@ figure { // Header .site-header { - padding: 20px 0; + padding-top: 20px; + padding-bottom: 20px; background-color: var(--ui-background-color); font-size: 16px; - box-shadow: 0 10px 15px var(--shadow-color); - .container { + > div { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; + + padding-bottom: 10px; + border-bottom: 3px solid var(--accent-color); } .site-title { @@ -278,7 +281,7 @@ figure { } a.dropdown-link { - color: black; + color: var(--ui-text-color); text-decoration: none; .arrow-down { @@ -302,7 +305,7 @@ figure { right: -1em; display: none; padding: 1em; - background-color: white; + background-color: var(--ui-background-color); box-shadow: 0 10px 15px -5px var(--shadow-color), // bottom 10px 0 15px -5px var(--shadow-color), // right -10px 0 15px -5px var(--shadow-color); // left @@ -334,17 +337,20 @@ figure { // Footer .site-footer { - padding: 20px 0; + padding-top: 20px; + padding-bottom: 20px; background-color: var(--ui-background-color); font-size: 16px; - box-shadow: 0 -10px 15px var(--shadow-color); - .container { + > div { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; + + padding-top: 10px; + border-top: 3px solid var(--accent-color); } .site-title { diff --git a/site/layouts/default.html.ejs b/site/layouts/default.html.ejs index 84c1b99..b5c2c5a 100644 --- a/site/layouts/default.html.ejs +++ b/site/layouts/default.html.ejs @@ -44,8 +44,8 @@ -
-
+
+

<%- fancyLink("Shadowfacts", "/") %>

The outper part of a shadow is called the penumbra.

@@ -72,8 +72,8 @@ <%- content %>
-