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                         .seed-code, .btn {
  24                                 margin-bottom: 1ex;
  25                         }
  26                 }
  27         }
  28 }
  29
  30 .seed-code {
  31         display: inline-flex;
  32         flex-direction: row;
  33         flex-wrap: nowrap;
  34         align-items: center;
  35         align-content: center;
  36         justify-content: flex-start;
  37         gap: 0.5ex;
  38         padding: 0.5ex;
  39         border-radius: 0.5ex;
  40         background: $dark;
  41         color: $light;
  42         vertical-align: middle;
  43 }