X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Frounds.scss;h=6e3d04c900a509aff7981043c5ef5591b27d28e2;hb=a58382451a425ebb828ee27c348013de5d4aca67;hp=f258d46fd0f82b7585222be23531b62d61f112d4;hpb=2110d91bc5016fd78aec02578b09506b6d67f45e;p=alttp.git diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss index f258d46..6e3d04c 100644 --- a/resources/sass/rounds.scss +++ b/resources/sass/rounds.scss @@ -8,6 +8,10 @@ border-radius: 1ex; padding: 1ex; + &.has-not-finished { + box-shadow: 0 0 0.25rem $primary; + } + .info { padding-right: 1rem; min-width: 13em; @@ -16,19 +20,46 @@ font-size: 125%; } - .seed-code { - margin: 1rem 0; + .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 { - display: flex; - flex-direction: row; - flex-wrap: nowrap; 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; + } + } }