Fit larger styling on intermediate widths below 52em.
padding: 0 0.2em;
background: transparent;
text-align: left;
padding: 0 0.2em;
background: transparent;
text-align: left;
}
tr.alt td {
font-size: 70%;
}
tr.alt td {
font-size: 70%;
}
@media (max-width: 52em) {
}
@media (max-width: 52em) {
+ .units thead th:first-child,
+ .units tbody .cat {
+ position: absolute;
+ visibility: hidden;
+ }
+}
+@media (max-width: 48em) {
+ .units th, .units td {
+ vertical-align: top;
}
.units td {
height: 2em;
}
}
.units td {
height: 2em;
}
- .units tbody .cat {
- position: absolute;
- visibility: hidden;
- }
- .units thead th:first-child,
+ .units tr.sub td:nth-child(2),
.units .cat,
.units .unit-speed,
.units .hurtrel,
.units .cat,
.units .unit-speed,
.units .hurtrel,
$_->{attr}->{jump}
&& qq'<span class="unit unit-jump" title="$_->{attr}->{jump}">↕</span>',
'<td class="unit-magic">' . showmagic($_),
$_->{attr}->{jump}
&& qq'<span class="unit unit-jump" title="$_->{attr}->{jump}">↕</span>',
'<td class="unit-magic">' . showmagic($_),
- !$_->{attack}->[1] ? () : (
- '<tr><th class="cat" colspan="2"><td colspan=10>', showattack($_, 1), '<td colspan=3>'
- ),
- !$_->{attack}->[2] ? () : (
- '<tr><th class="cat" colspan="2"><td colspan=10>', showattack($_, 2), '<td colspan=3>'
- ),
+ (map {(
+ '<tr class="sub"><th class="cat"><td><td colspan=10>',
+ showattack($row, $_),
+ '<td colspan=3>',
+ )} 1 .. $#{ $_->{attack} }),