diff options
| author | Star Rauchenberger <fefferburbia@gmail.com> | 2023-10-29 14:46:27 -0400 |
|---|---|---|
| committer | Star Rauchenberger <fefferburbia@gmail.com> | 2023-10-29 14:46:27 -0400 |
| commit | 862cb4e3f9b9864bc1b5a20cd7ebd7c4d6cccb77 (patch) | |
| tree | b3e80c19d9c5725178279c69cb1ee660901f9a66 /app/assets/stylesheets | |
| parent | d672465c2be3dc54463a92a3f1c4aa23447bc5c8 (diff) | |
| download | wittle-862cb4e3f9b9864bc1b5a20cd7ebd7c4d6cccb77.tar.gz wittle-862cb4e3f9b9864bc1b5a20cd7ebd7c4d6cccb77.tar.bz2 wittle-862cb4e3f9b9864bc1b5a20cd7ebd7c4d6cccb77.zip | |
added timer
Diffstat (limited to 'app/assets/stylesheets')
| -rw-r--r-- | app/assets/stylesheets/wittle/general.css.scss | 33 |
1 files changed, 31 insertions, 2 deletions
| diff --git a/app/assets/stylesheets/wittle/general.css.scss b/app/assets/stylesheets/wittle/general.css.scss index b2b432d..9d893b6 100644 --- a/app/assets/stylesheets/wittle/general.css.scss +++ b/app/assets/stylesheets/wittle/general.css.scss | |||
| @@ -75,17 +75,46 @@ input[type="range"]::-ms-thumb { | |||
| 75 | 75 | ||
| 76 | #scores { | 76 | #scores { |
| 77 | display: flex; | 77 | display: flex; |
| 78 | 78 | ||
| 79 | div { | 79 | div { |
| 80 | flex: 0 0 48%; | 80 | flex: 0 0 48%; |
| 81 | 81 | ||
| 82 | h2 { | 82 | h2 { |
| 83 | text-align: center; | 83 | text-align: center; |
| 84 | } | 84 | } |
| 85 | 85 | ||
| 86 | table { | 86 | table { |
| 87 | width: max-content; | 87 | width: max-content; |
| 88 | margin: 0 auto; | 88 | margin: 0 auto; |
| 89 | } | 89 | } |
| 90 | } | 90 | } |
| 91 | } | 91 | } |
| 92 | |||
| 93 | #activation-button { | ||
| 94 | button { | ||
| 95 | display: block; | ||
| 96 | margin: 0 auto; | ||
| 97 | width: 25%; | ||
| 98 | background-color: #04AA6D; | ||
| 99 | padding: 14px 28px; | ||
| 100 | font-size: 16px; | ||
| 101 | cursor: pointer; | ||
| 102 | text-align: center; | ||
| 103 | color: white; | ||
| 104 | } | ||
| 105 | } | ||
| 106 | |||
| 107 | #timer { | ||
| 108 | width: max-content; | ||
| 109 | margin: 0.5em auto 0; | ||
| 110 | font-size: 3em; | ||
| 111 | |||
| 112 | %label { | ||
| 113 | padding: 0; | ||
| 114 | } | ||
| 115 | } | ||
| 116 | |||
| 117 | .score-field { | ||
| 118 | padding-left: 1em; | ||
| 119 | text-align: right; | ||
| 120 | } | ||