From 4b3d812031dd07c251623d7155159115e99d2671 Mon Sep 17 00:00:00 2001 From: Ben Beltran Date: Mon, 28 Aug 2017 22:54:26 -0500 Subject: Commit everything hastily I left evertything until the last minute, so I didn't have a chance to do it nicely. SORRY. --- css/app.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 css/app.css (limited to 'css') 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 +} -- cgit