resources/sass/common.scss

   1 #header {
   2         img {
   3                 max-height: 2rem;
   4                 width: auto;
   5                 margin: -0.5rem 0.25rem;
   6         }
   7 }
   8
   9 h1 {
  10         margin-top: 2.5rem;
  11         margin-bottom: 2rem;
  12 }
  13
  14 .button-bar {
  15         > * {
  16                 margin-left: 0.5ex;
  17                 margin-right: 0.5ex;
  18         }
  19         > :first-child {
  20                 margin-left: 0;
  21         }
  22         > :last-child {
  23                 margin-right: 0;
  24         }
  25 }
  26
  27 .spoiler {
  28         border-radius: 0.5ex;
  29         padding: 0 0.5ex;
  30         background: $dark;
  31         color: $light;
  32
  33         &.hidden {
  34                 cursor: pointer;
  35
  36                 > .content {
  37                         visibility: hidden;
  38                 }
  39         }
  40 }
  41
  42 .text-discord {
  43         color: $discord;
  44 }
  45 .text-twitch {
  46         color: $twitch;
  47 }
  48
  49 .text-gold {
  50         color: $gold;
  51 }
  52 .text-silver {
  53         color: $silver;
  54 }
  55 .text-bronze {
  56         color: $bronze;
  57 }
  58
  59 .zelda-icon {
  60         display: inline-flex;
  61         align-items: center;
  62         width: 2em;
  63         height: 2em;
  64
  65         img {
  66                 margin: auto;
  67                 max-width: 100%;
  68                 max-height: 100%;
  69         }
  70 }