highlight "todo" rounds

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

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 8266db79bcd5641eefdc303bf7cc3127838d979a..6a4be9fcbc2df9f5aab09e5f0a8761435916fb34 100644 (file)
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -10,3 +10,48 @@ h1 {
        margin-top: 2.5rem;
        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;
+}
+.text-silver {
+       color: $silver;
+}
+.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%;
+       }
+}