diff options
| author | Star Rauchenberger <fefferburbia@gmail.com> | 2023-11-29 23:01:44 -0500 |
|---|---|---|
| committer | Star Rauchenberger <fefferburbia@gmail.com> | 2023-11-29 23:01:44 -0500 |
| commit | ede07e6e38a346b3ff0bbccefb655f3ae0a32504 (patch) | |
| tree | e8f08bd250bd0611228b0688f8430bf47ed695dd /web/views/style.scss | |
| parent | 9c324f51cf3eb46251e4114cd3cdd7a56305f826 (diff) | |
| download | lingo-ede07e6e38a346b3ff0bbccefb655f3ae0a32504.tar.gz lingo-ede07e6e38a346b3ff0bbccefb655f3ae0a32504.tar.bz2 lingo-ede07e6e38a346b3ff0bbccefb655f3ae0a32504.zip | |
Rewrite web component with Sinatra
Diffstat (limited to 'web/views/style.scss')
| -rw-r--r-- | web/views/style.scss | 55 |
1 files changed, 55 insertions, 0 deletions
| diff --git a/web/views/style.scss b/web/views/style.scss new file mode 100644 index 0000000..a65cd94 --- /dev/null +++ b/web/views/style.scss | |||
| @@ -0,0 +1,55 @@ | |||
| 1 | body { | ||
| 2 | background-color: black; | ||
| 3 | color: white; | ||
| 4 | font-family: sans-serif; | ||
| 5 | } | ||
| 6 | |||
| 7 | #header { | ||
| 8 | width: 100%; | ||
| 9 | |||
| 10 | img { | ||
| 11 | max-width: 80%; | ||
| 12 | margin: 0 auto; | ||
| 13 | display: block; | ||
| 14 | } | ||
| 15 | } | ||
| 16 | |||
| 17 | h2 { | ||
| 18 | text-align: center; | ||
| 19 | } | ||
| 20 | |||
| 21 | #scores { | ||
| 22 | margin: 0 auto; | ||
| 23 | border-spacing: 0px; | ||
| 24 | tr { | ||
| 25 | &.even { | ||
| 26 | background-color: gray; | ||
| 27 | } | ||
| 28 | &.odd { | ||
| 29 | background-color: purple; | ||
| 30 | } | ||
| 31 | th { | ||
| 32 | text-align: left; | ||
| 33 | padding-left: 0.5em; | ||
| 34 | padding-bottom: 0.5em; | ||
| 35 | } | ||
| 36 | td { | ||
| 37 | padding-right: 1em; | ||
| 38 | padding-top: 0.5em; | ||
| 39 | padding-bottom: 0.5em; | ||
| 40 | border-collapse: collapse; | ||
| 41 | &:first-child { | ||
| 42 | padding-left: 1em; | ||
| 43 | } | ||
| 44 | img { | ||
| 45 | width: 2em; | ||
| 46 | } | ||
| 47 | &.score-pfp { | ||
| 48 | width: 2em; | ||
| 49 | } | ||
| 50 | &.score-value { | ||
| 51 | text-align: center; | ||
| 52 | } | ||
| 53 | } | ||
| 54 | } | ||
| 55 | } \ No newline at end of file | ||