59 lines
860 B
SCSS
59 lines
860 B
SCSS
|
@import '~graphics.scss';
|
||
|
|
|
||
|
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
html, body {
|
||
|
|
background-color: #333;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
ins {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.unselectable {
|
||
|
|
-webkit-touch-callout: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.app {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
.avocado-stage {
|
||
|
|
margin: auto;
|
||
|
|
outline: none;
|
||
|
|
transform: scale(1);
|
||
|
|
transform-origin: 0 0;
|
||
|
|
transition-property: transform;
|
||
|
|
transition-duration: 0.125s;
|
||
|
|
|
||
|
|
canvas {
|
||
|
|
@include pixelated;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.debug .ui {
|
||
|
|
background-image: url(/debug.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "joystix";
|
||
|
|
src:
|
||
|
|
url("/joystix-monospace.ttf") format("truetype")
|
||
|
|
;
|
||
|
|
}
|