diff options
| author | Ben Beltran <ben@nsovocal.com> | 2017-08-28 22:54:26 -0500 |
|---|---|---|
| committer | Ben Beltran <ben@nsovocal.com> | 2017-08-28 22:54:26 -0500 |
| commit | 4b3d812031dd07c251623d7155159115e99d2671 (patch) | |
| tree | 21fb3015ccd07105862f968fd0e1aaefdcb4d3a8 /css/app.css | |
| parent | dc7f608a828fc0b34a291af915727ab1f7d6ba0a (diff) | |
Commit everything hastily
I left evertything until the last minute, so I didn't have a chance
to do it nicely. SORRY.
Diffstat (limited to 'css/app.css')
| -rw-r--r-- | css/app.css | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/css/app.css b/css/app.css new file mode 100644 index 0000000..1f911db --- /dev/null +++ b/css/app.css @@ -0,0 +1,52 @@ +* { + margin: 0; + padding: 0; +} + +.waiting-message, .no-winner, .winner { + align-items: center; + color: white; + display: flex; + height: 100vh; + justify-content: center; + width: 100vw; + position: absolute; + top: 0; + left: 0; + font-size: 10vh; + font-family: 'Helvetica Neue', helvetica, arial, sans-serif; + font-weight: 600; +} + +.michaelangelo { + background-color: orange; +} + +.donatello { + background-color: purple; +} + +.leonardo { + background-color: blue; +} + +.raphael { + background-color: red; +} + +.no-winner { + background-color: silver; +} + +.waiting-message { + background-color: black; +} + +/* Vue built-in transitions */ + +.fade-enter-active, .fade-leave-active { + transition: opacity 1.5s +} +.fade-enter, .fade-leave-to { + opacity: 0 +} |