round titles

[alttp.git] / resources / sass / rounds.scss

diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index 414552363f85ef1d2802924e856eb6aad8e08d5c..2d19cc438c34cfd81cb5cf54ace48b31506578e4 100644 (file)
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -4,12 +4,15 @@
 
        .round {
                margin: 1rem 0;
-               border: thin solid $secondary;
-               border-radius: 1ex;
+               border: $border-width solid $secondary;
+               border-radius: $border-radius;
+               background: $gray-700;
                padding: 1ex;
+               list-style: none;
 
                &.has-not-finished {
-                       box-shadow: 0 0 0.25rem $primary;
+                       border-color: $light;
+                       box-shadow: 0 0 0.25rem 0.25rem $info;
                }
 
                .info {
@@ -20,7 +23,18 @@
                                font-size: 125%;
                        }
 
-                       .seed-code, .btn {
+                       .rolled-by {
+                               display: inline-block;
+                               vertical-align: middle;
+
+                               img {
+                                       max-height: 2rem;
+                                       width: auto;
+                                       border-radius: 50%;
+                               }
+                       }
+
+                       .seed-code, .btn, .rolled-by {
                                margin-bottom: 1ex;
                        }
                }
@@ -28,9 +42,6 @@
 }
 
 .seed-code {
-       display: inline-flex;
-       flex-direction: row;
-       flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
@@ -40,4 +51,18 @@
        background: $dark;
        color: $light;
        vertical-align: middle;
+
+       &.game-alttpr {
+               display: inline-flex;
+               flex-direction: row;
+               flex-wrap: nowrap;
+       }
+
+       &.game-smr {
+               display: inline-grid;
+               grid-template-columns: 1fr 1fr;
+               > span {
+                       text-transform: uppercase;
+               }
+       }
 }