strip emotes for language detection

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

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 4d603f06a3b4926d0a8706e4e1ffdd0cf35477fa..1f73fb450a0c0ca07ba6390e6393f6ad7625b98f 100644 (file)
--- 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;