X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fcommon.scss;h=1f73fb450a0c0ca07ba6390e6393f6ad7625b98f;hb=9a4e2305bb37cb8c62e3ad332f4a2bf45f720a18;hp=4d603f06a3b4926d0a8706e4e1ffdd0cf35477fa;hpb=df85042df90aee0b09eb11a3cd5bbc98169cb765;p=alttp.git

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 4d603f0..1f73fb4 100644
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -11,6 +11,18 @@ h1 {
 	margin-bottom: 2rem;
 }
 
+.aspect-box-container {
+	position: relative;
+	padding-top: 100%;
+}
+.aspect-box-content {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
 .button-bar {
 	margin: -0.5ex;
 	> * {
@@ -78,6 +90,31 @@ h1 {
 	}
 }
 
+.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,
@@ -233,6 +270,7 @@ h1 {
 	position: relative;
 	display: inline-flex;
 	align-items: center;
+	vertical-align: middle;
 	width: 2em;
 	height: 2em;
 
@@ -241,6 +279,11 @@ h1 {
 		max-width: 100%;
 		max-height: 100%;
 	}
+	.item-map-icon {
+		display: inline-block;
+		width: 100%;
+		height: 100%;
+	}
 	.strike {
 		position: absolute;
 		top: 0;