diff options
author | Daniel Friesel <derf@finalrewind.org> | 2021-08-21 10:40:53 +0200 |
---|---|---|
committer | Daniel Friesel <derf@finalrewind.org> | 2021-08-21 10:40:53 +0200 |
commit | 6f1069470dac198edd3606d9e592312baaccd131 (patch) | |
tree | dd585fcb00f9dff327c470367b0b8d72b4c1c2f5 /sass | |
parent | e8437a7c362796ed81b3f6fe8a025349cf391871 (diff) |
nicer CSS for landing page
Diffstat (limited to 'sass')
-rw-r--r-- | sass/app.scss | 48 | ||||
-rw-r--r-- | sass/dark.scss | 7 | ||||
-rw-r--r-- | sass/light.scss | 7 |
3 files changed, 62 insertions, 0 deletions
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; |