X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Frounds.scss;h=2d19cc438c34cfd81cb5cf54ace48b31506578e4;hb=4f4b2fd64141cbbff953881e2705602a00b85df5;hp=414552363f85ef1d2802924e856eb6aad8e08d5c;hpb=33cc4da565ffb07ee4f8d9cbafb248629b85e65a;p=alttp.git diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss index 4145523..2d19cc4 100644 --- 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; + } + } }