From 6f1069470dac198edd3606d9e592312baaccd131 Mon Sep 17 00:00:00 2001 From: Daniel Friesel Date: Sat, 21 Aug 2021 10:40:53 +0200 Subject: nicer CSS for landing page --- sass/app.scss | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) (limited to 'sass/app.scss') 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; -- cgit v1.2.3