Add small desktop layout
This commit is contained in:
parent
e0df864c6c
commit
7dd8ceae19
1 changed files with 55 additions and 1 deletions
|
@ -193,6 +193,60 @@ input.equipment-input:not(.is-invalid) {
|
||||||
width: 6.5rem;
|
width: 6.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (orientation: landscape) and (max-width: 1199px) {
|
||||||
|
:root {
|
||||||
|
--scaled-fontsize: 1rem;
|
||||||
|
}
|
||||||
|
.scaled-font {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-title {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-title {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.big-title {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skp-tooltip {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spellcost-tooltip b {
|
||||||
|
font-size: .625rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scaled-item-icon {
|
||||||
|
width: 3.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scaled-item-icon img {
|
||||||
|
width: 2.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scaled-bckgrd {
|
||||||
|
width: 4rem;
|
||||||
|
height: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scaled-bckgrd img {
|
||||||
|
width: 2.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.warning {
|
||||||
|
font-size: .7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spell-display b {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1200px) and (max-width: 1400px) {
|
@media screen and (min-width: 1200px) and (max-width: 1400px) {
|
||||||
:root {
|
:root {
|
||||||
--scaled-fontsize: 1rem;
|
--scaled-fontsize: 1rem;
|
||||||
|
@ -475,4 +529,4 @@ a:hover {
|
||||||
background-size: 500% 100%;
|
background-size: 500% 100%;
|
||||||
background-position: 100% 0;
|
background-position: 100% 0;
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue