X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fcommon.scss;h=c8528e19b6f260657e3ebdb7d8a3353831562754;hb=35d1ce20e64f3373d74816ed1bf9440b4213fa1a;hp=8266db79bcd5641eefdc303bf7cc3127838d979a;hpb=edd0e97bfdc544114f30bf4c13a929631c44a555;p=alttp.git

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 8266db7..c8528e1 100644
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -10,3 +10,78 @@ 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%;
+	}
+}