aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorBen Beltran <ben@nsovocal.com>2017-08-30 00:29:19 -0500
committerBen Beltran <ben@nsovocal.com>2017-08-30 00:29:19 -0500
commitb78f678de4f242b2a364bbf0cc39c8ec61ee5357 (patch)
tree92cb79b266ec9b5b609a8e8ba829bda3d7315ca8 /css
parentdc7f608a828fc0b34a291af915727ab1f7d6ba0a (diff)
parent21f11b5ae525f52fd1a2bf1a741ad79bfccb1278 (diff)
Merge branch 'release/1.0.0'HEADmain
Diffstat (limited to 'css')
-rw-r--r--css/app.css52
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
+}