Skip to content

Instantly share code, notes, and snippets.

@anwppro

anwppro/scores.css Secret

Last active Jul 14, 2020
Embed
What would you like to do?
Custom Non-numeric scores
/* Match Scoreboard */
.match.match__inner.match-5748 .match-scoreboard__score-number:nth-child(1),
.match.match__inner.match-5748 .match-scoreboard__score-number:nth-child(3) {
visibility: hidden;
position: relative;
}
.match.match__inner.match-5748 .match-scoreboard__score-number:nth-child(1):after {
content: '-';
visibility: visible;
position: absolute;
top: -8px;
right: 0;
}
.match.match__inner.match-5748 .match-scoreboard__score-number:nth-child(3):after {
content: '-';
visibility: visible;
position: absolute;
top: -8px;
left: 0;
}
/* Match List */
.list-group-item.match-list__item[data-anwp-match="5748"] .match-list__scores-number.match-list__scores--home,
.list-group-item.match-list__item[data-anwp-match="5748"] .match-list__scores-number.match-list__scores--away {
visibility: hidden;
position: relative !important;
}
.list-group-item.match-list__item[data-anwp-match="5748"] .match-list__scores-number.match-list__scores--home:after {
content: '-';
visibility: visible !important;
position: absolute;
background-color: #343a40;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.list-group-item.match-list__item[data-anwp-match="5748"] .match-list__scores-number.match-list__scores--away:after {
content: '-';
visibility: visible !important;
position: absolute;
background-color: #343a40;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* Match Header */
.match.match__inner.match-5748 .match__scores-number:nth-child(1),
.match.match__inner.match-5748 .match__scores-number:nth-child(3) {
visibility: hidden;
position: relative;
}
.match.match__inner.match-5748 .match__scores-number:nth-child(1):after {
content: '-';
visibility: visible;
position: absolute;
right: 2px;
}
.match.match__inner.match-5748 .match__scores-number:nth-child(3):after {
content: '-';
visibility: visible;
position: absolute;
left: 2px;
}
/* Match List - Widget */
.list-group-item.match--simple.match-list__item[data-anwp-match="1868"] .match-list__scores-number,
.list-group-item.match--simple.match-list__item[data-anwp-match="1868"] .match-list__scores-number {
visibility: hidden;
position: relative !important;
}
.list-group-item.match--simple.match-list__item[data-anwp-match="1868"] .match-list__scores-number:last-child:after {
content: '-';
visibility: visible !important;
position: absolute;
background-color: #343a40;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.list-group-item.match--simple.match-list__item[data-anwp-match="1868"] .match-list__scores-number:first-child:after {
content: '-';
visibility: visible !important;
position: absolute;
background-color: #343a40;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment