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 .spoiler {
  15         border-radius: 0.5ex;
  16         padding: 0 0.5ex;
  17         background: $dark;
  18         color: $light;
  19
  20         &.hidden {
  21                 cursor: pointer;
  22
  23                 > .content {
  24                         visibility: hidden;
  25                 }
  26         }
  27 }
  28
  29 .text-discord {
  30         color: $discord;
  31 }
  32 .text-twitch {
  33         color: $twitch;
  34 }
  35
  36 .text-gold {
  37         color: $gold;
  38 }
  39 .text-silver {
  40         color: $silver;
  41 }
  42 .text-bronze {
  43         color: $bronze;
  44 }
  45
  46 .zelda-icon {
  47         display: inline-flex;
  48         align-items: center;
  49         width: 2em;
  50         height: 2em;
  51
  52         img {
  53                 margin: auto;
  54                 max-width: 100%;
  55                 max-height: 100%;
  56         }
  57 }