X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fcommon.scss;h=8fe76bbf588ac5c871dff2d3690e0b2ed34441f6;hb=b5a50d74cf042fa7fc874d8184dc37ae20bb74dd;hp=3e88649417c1dcc9b8ced28749acd14768bc205e;hpb=c01ebf99d629029288a2ea7cf6874ca076d87f70;p=alttp.git

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 3e88649..8fe76bb 100644
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -23,6 +23,18 @@ h1 {
 	max-width: none !important;
 }
 
+.pic-end {
+	float: right;
+	margin-left: 1rem;
+	margin-bottom: 1rem;
+}
+
+.pic-start {
+	float: left;
+	margin-right: 1rem;
+	margin-bottom: 1rem;
+}
+
 .png-player {
 	display: flex;
 	flex-direction: column;
@@ -60,6 +72,37 @@ h1 {
 	}
 }
 
+.raw-html {
+	img[type="image/apng"] {
+		cursor: pointer;
+	}
+}
+
+.slider-container {
+	overflow: hidden;
+	height: 100%;
+	width: 100%;
+
+	> .slider-slides {
+		transition: transform 600ms;
+	}
+	&.horizontal {
+		> .slider-slides {
+			height: 100%;
+			white-space: nowrap;
+			> .slider-slide {
+				display: inline-block;
+				width: 100%;
+			}
+		}
+	}
+	&.vertical {
+		> .slider-slides {
+			width: 100%;
+		}
+	}
+}
+
 .snes-button-a,
 .snes-button-b,
 .snes-button-x,
@@ -215,6 +258,7 @@ h1 {
 	position: relative;
 	display: inline-flex;
 	align-items: center;
+	vertical-align: middle;
 	width: 2em;
 	height: 2em;
 
@@ -223,6 +267,13 @@ h1 {
 		max-width: 100%;
 		max-height: 100%;
 	}
+	.item-map-icon {
+		display: inline-block;
+		width: 100%;
+		height: 100%;
+		background: url(/items-v1.png);
+		background-size: 800% 1100%;
+	}
 	.strike {
 		position: absolute;
 		top: 0;