.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 {
+ border-color: $light;
+ box-shadow: 0 0 0.25rem 0.25rem $info;
+ }
.info {
padding-right: 1rem;
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;
+ }
+ }
+}
+
+.seed-code-input {
+ border: none;
+ padding: 0;
+
+ &.game-smr {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ }
}