generic spoiler component

[alttp.git] / resources / sass / common.scss

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index f585be09416b6912a4d7b9efa104d8fe072cbf1d..6a4be9fcbc2df9f5aab09e5f0a8761435916fb34 100644 (file)
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -11,6 +11,28 @@ h1 {
        margin-bottom: 2rem;
 }
 
+.spoiler {
+       border-radius: 0.5ex;
+       padding: 0 0.5ex;
+       background: $dark;
+       color: $light;
+
+       &.hidden {
+               cursor: pointer;
+
+               > .content {
+                       visibility: hidden;
+               }
+       }
+}
+
+.text-discord {
+       color: $discord;
+}
+.text-twitch {
+       color: $twitch;
+}
+
 .text-gold {
        color: $gold;
 }
@@ -20,3 +42,16 @@ h1 {
 .text-bronze {
        color: $bronze;
 }
+
+.zelda-icon {
+       display: inline-flex;
+       align-items: center;
+       width: 2em;
+       height: 2em;
+
+       img {
+               margin: auto;
+               max-width: 100%;
+               max-height: 100%;
+       }
+}