random comments on profile page

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

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 906d989c6f9fb2c598317f295d8cefd86caa70fb..c8528e19b6f260657e3ebdb7d8a3353831562754 100644 (file)
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -5,3 +5,83 @@
                margin: -0.5rem 0.25rem;
        }
 }
+
+h1 {
+       margin-top: 2.5rem;
+       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;
+}
+
+.quote-alert {
+       position: relative;
+       &::after {
+               position: absolute;
+               top: 0;
+               right: 1ex;
+               content: "”";
+               font-size: 3em;
+               opacity: .5;
+       }
+}
+
+.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%;
+       }
+}