round titles

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

diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index d8d117db805f729859c1a0b4bf98c883401369d5..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 {
@@ -39,9 +42,6 @@
 }
 
 .seed-code {
-       display: inline-flex;
-       flex-direction: row;
-       flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
@@ -51,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;
+               }
+       }
 }