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         display: inline-flex;
  43         flex-direction: row;
  44         flex-wrap: nowrap;
  45         align-items: center;
  46         align-content: center;
  47         justify-content: flex-start;
  48         gap: 0.5ex;
  49         padding: 0.5ex;
  50         border-radius: 0.5ex;
  51         background: $dark;
  52         color: $light;
  53         vertical-align: middle;
  54 }