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