SMR seed codes

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

diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index dff973ec23dd128e63bdb31ab02f889a4d04e2fa..6e3d04c900a509aff7981043c5ef5591b27d28e2 100644 (file)
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -1,8 +1,65 @@
 .rounds {
+       margin: 1rem 0;
+       padding: 0;
+
        .round {
                margin: 1rem 0;
                border: thin solid $secondary;
                border-radius: 1ex;
                padding: 1ex;
+
+               &.has-not-finished {
+                       box-shadow: 0 0 0.25rem $primary;
+               }
+
+               .info {
+                       padding-right: 1rem;
+                       min-width: 13em;
+
+                       .date {
+                               font-size: 125%;
+                       }
+
+                       .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;
+                       }
+               }
+       }
+}
+
+.seed-code {
+       align-items: center;
+       align-content: center;
+       justify-content: flex-start;
+       gap: 0.5ex;
+       padding: 0.5ex;
+       border-radius: 0.5ex;
+       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;
+               }
        }
 }