.select > .select img {
border-color: #055CB3;
}
-.ladders li:hover {
+[data-members]:hover {
background: #0C2643;
cursor: help;
}
background-position: -100px -150px;
}
+.loss:before {
+ color: #C11;
+ content: '✘';
+}
+.win:before {
+ color: #297ACC;
+ content: '✔';
+}
+
+.old {
+ text-decoration: line-through;
+}
+.old:before {
+ opacity: .5;
+}
+
.ladders li {
float: none;
margin-right: 0;
}
+body {
+ display: grid;
+ grid-auto-columns: minmax(auto, max-content);
+}
+.ladders {
+ grid-row: 3;
+}
+.matches {
+ grid-column: 1;
+}
+
@media (min-width: 576px) {
+ .members {
+ grid-column: 1;
+ grid-row: 2;
+ }
.ladders {
- float: right;
+ grid-column: 2;
+ grid-row: 2;
margin: 0;
margin-top: -3ex;
}