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 .modal-90w {
  28         width: 90%;
  29         max-width: none !important;
  30 }
  31
  32 .spoiler {
  33         border-radius: 0.5ex;
  34         padding: 0 0.5ex;
  35         background: $dark;
  36         color: $light;
  37
  38         &.hidden {
  39                 cursor: pointer;
  40
  41                 > .content {
  42                         visibility: hidden;
  43                 }
  44         }
  45 }
  46
  47 .text-discord {
  48         color: $discord;
  49 }
  50 .text-twitch {
  51         color: $twitch;
  52 }
  53
  54 .text-gold {
  55         color: $gold;
  56 }
  57 .text-silver {
  58         color: $silver;
  59 }
  60 .text-bronze {
  61         color: $bronze;
  62 }
  63
  64 .zelda-icon {
  65         display: inline-flex;
  66         align-items: center;
  67         width: 2em;
  68         height: 2em;
  69
  70         img {
  71                 margin: auto;
  72                 max-width: 100%;
  73                 max-height: 100%;
  74         }
  75 }