new front page

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

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index f585be09416b6912a4d7b9efa104d8fe072cbf1d..97822fe32037ad1185f6e004635a5371de4fb258 100644 (file)
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -11,6 +11,46 @@ h1 {
        margin-bottom: 2rem;
 }
 
+.button-bar {
+       > * {
+               margin-left: 0.5ex;
+               margin-right: 0.5ex;
+       }
+       > :first-child {
+               margin-left: 0;
+       }
+       > :last-child {
+               margin-right: 0;
+       }
+}
+
+.modal-90w {
+       width: 90%;
+       max-width: none !important;
+}
+
+.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 +60,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%;
+       }
+}