X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Frounds.scss;h=6e3d04c900a509aff7981043c5ef5591b27d28e2;hb=a58382451a425ebb828ee27c348013de5d4aca67;hp=8b58071fc8237f48487fd2a1e1cdf1159a6b3f18;hpb=d748feb96453d74aeffec648d6f5f68d9ef3b520;p=alttp.git diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss index 8b58071..6e3d04c 100644 --- a/resources/sass/rounds.scss +++ b/resources/sass/rounds.scss @@ -7,5 +7,59 @@ 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; + } } }