resources/sass/doors.scss

   1 .doors-tracker {
   2         .cell {
   3                 width: 3rem;
   4                 height: 3rem;
   5                 margin: 0.25rem;
   6                 border-radius: 0.25rem;
   7                 display: flex;
   8                 align-items: center;
   9                 justify-content: space-around;
  10                 user-select: none;
  11                 &.off {
  12                         opacity: .3;
  13                 }
  14                 &.cswitch {
  15                         background: #505050;
  16                 }
  17                 &.dungeon {
  18                         background: #b3700b;
  19                 }
  20                 &.dungeon-item {
  21                         background: #0571b0;
  22                 }
  23                 &.keys {
  24                         background: #2E8B57;
  25                         font-size: 140%;
  26                         text-shadow: 0 0.1rem 0.1rem black;
  27                 }
  28                 &.item {
  29                         background: #ca0020;
  30                 }
  31         }
  32 }