mnml/client/assets/styles/styles.mobile.less
2019-11-05 11:30:45 +11:00

66 lines
1.2 KiB
Plaintext

@media (max-width: 800px) {
body {
overflow-y: initial;
}
#mnml {
font-size: 8pt;
padding: 0.25em;
.menu {
.logo {
display: none;
}
.team {
height: 20em;
}
}
.game {
.team, #targeting, .resolving-skill {
width: calc(90% - 3em);
}
.game-construct {
.avatar {
grid-area: initial;
position: absolute;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
}
svg {
height: 1em;
}
}
}
.instance-construct {
position: relative;
.skills, .specs {
font-size: 75%;
}
.avatar {
grid-area: initial;
position: absolute;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
}
}
.opponent {
.avatar {
bottom: 0;
}
}
}
}