From 6f1069470dac198edd3606d9e592312baaccd131 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Sat, 21 Aug 2021 10:40:53 +0200
Subject: nicer CSS for landing page

---
 sass/app.scss   | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 sass/dark.scss  |  7 +++++++
 sass/light.scss |  7 +++++++
 3 files changed, 62 insertions(+)

(limited to 'sass')

diff --git a/sass/app.scss b/sass/app.scss
index 9703217..0b960f5 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -14,11 +14,59 @@ html {
 	margin-right: auto;
 }
 
+.textcontent {
+	margin-left: 1ex;
+	margin-right: 1ex;
+}
+
 a {
 	color: $link-color;
 	text-decoration: none;
 }
 
+input, select, button {
+	display: block;
+	width: 100%;
+	max-width: 100%;
+	min-height: 1.8em;
+	border-radius: 4px;
+	font-size: 90%;
+	color: $fg;
+	background-color: $bg;
+	border: 1px solid $bg1;
+	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+	margin-left: auto;
+	margin-right: auto;
+	text-align: center;
+	vertical-align: middle;
+	padding-top: 1ex;
+	padding-bottom: 1ex;
+	margin-top: 1ex;
+	margin-bottom: 1ex;
+}
+
+button {
+	transition: background-color .3s;
+	color: #fff;
+	background-color: #337ab7;
+	border-color: #2e6da4;
+	cursor: pointer;
+	box-shadow: none;
+
+	&:active, &:focus, &:hover {
+		color: #fff;
+		background-color: #286090;
+		border-color: #204d74;
+	}
+}
+
+input[type="text"] {
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	text-align: left;
+	box-sizing: border-box;
+}
+
 .globalnote {
 	margin-top: 1em;
 	font-style: italic;
diff --git a/sass/dark.scss b/sass/dark.scss
index 8ee3458..3104cd5 100644
--- a/sass/dark.scss
+++ b/sass/dark.scss
@@ -4,7 +4,14 @@
  * SPDX-License-Identifier: BSD-2-Clause
  */
 
+$bg  : #101010;
+$bg05: #222222;
+$bg1 : #444444;
+
+$fg : #ffffff;
+$fg1: #dddddd;
 $fg2: #bbbbbb;
+$fg3: #999999;
 
 $link-color: #9999ff;
 
diff --git a/sass/light.scss b/sass/light.scss
index 9ec0f0f..be313e4 100644
--- a/sass/light.scss
+++ b/sass/light.scss
@@ -4,7 +4,14 @@
  * SPDX-License-Identifier: BSD-2-Clause
  */
 
+$bg  : #ffffff;
+$bg05: #dddddd;
+$bg1 : #cccccc;
+
+$fg : #000000;
+$fg1: #333333;
 $fg2: #666666;
+$fg3: #999999;
 
 $link-color: #000099;
 
-- 
cgit v1.2.3