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;
> * {
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;
}
}
+.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,
position: relative;
display: inline-flex;
align-items: center;
+ vertical-align: middle;
width: 2em;
height: 2em;
max-width: 100%;
max-height: 100%;
}
+ .item-map-icon {
+ display: inline-block;
+ width: 100%;
+ height: 100%;
+ }
.strike {
position: absolute;
top: 0;