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 .quote-alert {
  33         position: relative;
  34         &::after {
  35                 position: absolute;
  36                 top: 0;
  37                 right: 1ex;
  38                 content: "”";
  39                 font-size: 3em;
  40                 opacity: .5;
  41         }
  42 }
  43
  44 .spoiler {
  45         border-radius: 0.5ex;
  46         padding: 0 0.5ex;
  47         background: $dark;
  48         color: $light;
  49
  50         &.hidden {
  51                 cursor: pointer;
  52
  53                 > .content {
  54                         visibility: hidden;
  55                 }
  56         }
  57 }
  58
  59 .text-discord {
  60         color: $discord;
  61 }
  62 .text-twitch {
  63         color: $twitch;
  64 }
  65
  66 .text-gold {
  67         color: $gold;
  68 }
  69 .text-silver {
  70         color: $silver;
  71 }
  72 .text-bronze {
  73         color: $bronze;
  74 }
  75
  76 .zelda-icon {
  77         display: inline-flex;
  78         align-items: center;
  79         width: 2em;
  80         height: 2em;
  81
  82         img {
  83                 margin: auto;
  84                 max-width: 100%;
  85                 max-height: 100%;
  86         }
  87 }