some discord bot stuff

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

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 14cbd07be4a3d4178d66b3da3bf0c4a52224b65c..4d603f06a3b4926d0a8706e4e1ffdd0cf35477fa 100644 (file)
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -23,6 +23,43 @@ 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;
+       align-items: center;
+
+       .screen {
+               background: black;
+               display: flex;
+               width: 100%;
+               height: auto;
+
+               canvas {
+                       flex-grow: 1;
+                       -ms-interpolation-mode: nearest-neighbor;
+                       image-rendering: crisp-edges;
+                       image-rendering: pixelated;
+               }
+       }
+
+       .controls {
+               margin-top: 0.5rem;
+               margin-bottom: 0.5rem;
+       }
+}
+
 .quote-alert {
        position: relative;
        &::after {
@@ -35,6 +72,12 @@ h1 {
        }
 }
 
+.raw-html {
+       img[type="image/apng"] {
+               cursor: pointer;
+       }
+}
+
 .snes-button-a,
 .snes-button-b,
 .snes-button-x,