resources/sass/rounds.scss

   1 .rounds {
   2         margin: 1rem 0;
   3         padding: 0;
   4
   5         .round {
   6                 margin: 1rem 0;
   7                 border: thin solid $secondary;
   8                 border-radius: 1ex;
   9                 padding: 1ex;
  10
  11                 &.has-not-finished {
  12                         box-shadow: 0 0 0.25rem $primary;
  13                 }
  14
  15                 .info {
  16                         padding-right: 1rem;
  17                         min-width: 13em;
  18
  19                         .date {
  20                                 font-size: 125%;
  21                         }
  22
  23                         .rolled-by {
  24                                 display: inline-block;
  25                                 vertical-align: middle;
  26
  27                                 img {
  28                                         max-height: 2rem;
  29                                         width: auto;
  30                                         border-radius: 50%;
  31                                 }
  32                         }
  33
  34                         .seed-code, .btn, .rolled-by {
  35                                 margin-bottom: 1ex;
  36                         }
  37                 }
  38         }
  39 }
  40
  41 .seed-code {
  42         align-items: center;
  43         align-content: center;
  44         justify-content: flex-start;
  45         gap: 0.5ex;
  46         padding: 0.5ex;
  47         border-radius: 0.5ex;
  48         background: $dark;
  49         color: $light;
  50         vertical-align: middle;
  51
  52         &.game-alttpr {
  53                 display: inline-flex;
  54                 flex-direction: row;
  55                 flex-wrap: nowrap;
  56         }
  57
  58         &.game-smr {
  59                 display: inline-grid;
  60                 grid-template-columns: 1fr 1fr;
  61                 > span {
  62                         text-transform: uppercase;
  63                 }
  64         }
  65 }