Sign upLogin

FC-softwares/baseball-scoreboard

View on GitHub
Star
app/css/inning.css

Summary

Maintainability
Test Coverage

Showing 87 of 87 total issues

Don't use IDs in selectors.
Open

.teamLogo#away {grid-area: logoAway;}
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

.teamColor#home {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

#bg {
Severity: Minor
Found in app/css/inning.css by csslint

2 IDs in the selector, really?
Open

.teamName#home > #bg > span {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

.score > .score#home {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

#bg.bg-dark {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

.inning#i1 > span.number {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

.score > span.score#home {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

.score > .score#away {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

.teamColor#away {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

.teamLogo#home {grid-area: logoHome;}
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

.scoreboard#inning > *, .inning > *, .score > * {
Severity: Minor
Found in app/css/inning.css by csslint

Don't use IDs in selectors.
Open

#iex {
Severity: Minor
Found in app/css/inning.css by csslint

2 IDs in the selector, really?
Open

.teamName#away > #bg > span {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(10)
Open

.scoreboard > .container > .inning:nth-child(10), .scoreboard.disabled > .container > .inning:nth-child(10) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(16)
Open

.scoreboard > .container > .inning:nth-child(16), .scoreboard.disabled > .container > .inning:nth-child(16) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .teamColor
Open

.scoreboard.disabled > .teamColor, .scoreboard.disabled > .teamName, .scoreboard.disabled > .teamLogo {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(1)
Open

.scoreboard > .container > .inning:nth-child(1), .scoreboard.disabled > .container > .inning:nth-child(1) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(12)
Open

.scoreboard > .container > .inning:nth-child(12), .scoreboard.disabled > .container > .inning:nth-child(12) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(9)
Open

.scoreboard > .container > .inning:nth-child(9), .scoreboard.disabled > .container > .inning:nth-child(9) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(4)
Open

.scoreboard > .container > .inning:nth-child(4), .scoreboard.disabled > .container > .inning:nth-child(4) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(11)
Open

.scoreboard > .container > .inning:nth-child(11), .scoreboard.disabled > .container > .inning:nth-child(11) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(18)
Open

.scoreboard > .container > .inning:nth-child(18), .scoreboard.disabled > .container > .inning:nth-child(18) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning
Open

.scoreboard.disabled > .container > .inning {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(14)
Open

.scoreboard > .container > .inning:nth-child(14), .scoreboard.disabled > .container > .inning:nth-child(14) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(6)
Open

.scoreboard > .container > .inning:nth-child(6), .scoreboard.disabled > .container > .inning:nth-child(6) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(19)
Open

.scoreboard > .container > .inning:nth-child(19), .scoreboard.disabled > .container > .inning:nth-child(19) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(7)
Open

.scoreboard > .container > .inning:nth-child(7), .scoreboard.disabled > .container > .inning:nth-child(7) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(15)
Open

.scoreboard > .container > .inning:nth-child(15), .scoreboard.disabled > .container > .inning:nth-child(15) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(17)
Open

.scoreboard > .container > .inning:nth-child(17), .scoreboard.disabled > .container > .inning:nth-child(17) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(3)
Open

.scoreboard > .container > .inning:nth-child(3), .scoreboard.disabled > .container > .inning:nth-child(3) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(13)
Open

.scoreboard > .container > .inning:nth-child(13), .scoreboard.disabled > .container > .inning:nth-child(13) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .teamName
Open

.scoreboard.disabled > .teamColor, .scoreboard.disabled > .teamName, .scoreboard.disabled > .teamLogo {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .teamLogo
Open

.scoreboard.disabled > .teamColor, .scoreboard.disabled > .teamName, .scoreboard.disabled > .teamLogo {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .score
Open

.scoreboard.disabled > .score {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(5)
Open

.scoreboard > .container > .inning:nth-child(5), .scoreboard.disabled > .container > .inning:nth-child(5) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(2)
Open

.scoreboard > .container > .inning:nth-child(2), .scoreboard.disabled > .container > .inning:nth-child(2) {
Severity: Minor
Found in app/css/inning.css by csslint

Adjoining classes: .scoreboard.disabled > .container > .inning:nth-child(8)
Open

.scoreboard > .container > .inning:nth-child(8), .scoreboard.disabled > .container > .inning:nth-child(8) {
Severity: Minor
Found in app/css/inning.css by csslint

Expected (<color>) but found 'var(--c-disabled)'.</color>
Open

    color: var(--c-disabled);
Severity: Minor
Found in app/css/inning.css by csslint

Rule is empty.
Open

:root {
Severity: Minor
Found in app/css/inning.css by csslint

Expected (<color>) but found 'var(--c-score-home)'.</color>
Open

    color: var(--c-score-home);
Severity: Minor
Found in app/css/inning.css by csslint

Expected (<box>#) but found 'text'.</box>
Open

    background-clip: text;
Severity: Minor
Found in app/css/inning.css by csslint

Expected (<color>) but found 'var(--c-score-away)'.</color>
Open

    color: var(--c-score-away);
Severity: Minor
Found in app/css/inning.css by csslint

Expected (<box>#) but found 'text'.</box>
Open

    background-clip: text;
Severity: Minor
Found in app/css/inning.css by csslint

The universal selector (*) is known to be slow.
Open

.inning > *, .score > * {
Severity: Minor
Found in app/css/inning.css by csslint

The universal selector (*) is known to be slow.
Open

.inning > *, .score > * {
Severity: Minor
Found in app/css/inning.css by csslint

@import prevents parallel downloads, use <link> instead.
Open

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
Severity: Minor
Found in app/css/inning.css by csslint

The universal selector (*) is known to be slow.
Open

.scoreboard#inning > *, .inning > *, .score > * {
Severity: Minor
Found in app/css/inning.css by csslint

The universal selector (*) is known to be slow.
Open

.scoreboard#inning > *, .inning > *, .score > * {
Severity: Minor
Found in app/css/inning.css by csslint

The universal selector (*) is known to be slow.
Open

.scoreboard#inning > *, .inning > *, .score > * {
Severity: Minor
Found in app/css/inning.css by csslint

Element (span.score#home) is overqualified, just use #home without element name.
Open

.score > span.score#home {
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 14, col 5.
Open

    --c-home: #000000;
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 15, col 5.
Open

    --c-away: #000000;
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 21, col 5.
Open

    --g-def: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.scoreboard > .container > .inning {
Severity: Minor
Found in app/css/inning.css by csslint

Unexpected token ')' at line 141, col 31.
Open

div:not(.teamName, .scoreboard) {
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 24, col 5.
Open

    --i-inning: 0;
Severity: Minor
Found in app/css/inning.css by csslint

Unexpected token '{' at line 141, col 33.
Open

div:not(.teamName, .scoreboard) {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.scoreboard.disabled > .container > .inning {
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 8, col 5.
Open

    --w-teamlogo: 40px;
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.teamName#home > #bg > span {
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 10, col 5.
Open

    --w-score: 100px;
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

body {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.scoreboard > .teamColor, .scoreboard > .teamName, .scoreboard > .teamLogo {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

div {
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 23, col 5.
Open

    --c-disabled: rgb(247, 247, 247);
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.scoreboard.disabled > .score {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.inning > *, .score > * {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.teamColor#away {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.scoreboard > .score {
Severity: Minor
Found in app/css/inning.css by csslint

Expected a FUNCTION or IDENT after colon at line 142, col 15.
Open

    text-align: center;
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 9, col 5.
Open

    --w-inning: 50px;
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 12, col 5.
Open

    --h-row: 40px;
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

html {
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 6, col 5.
Open

    --w-teamcolor: 7px;
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.scoreboard.disabled > .teamColor, .scoreboard.disabled > .teamName, .scoreboard.disabled > .teamLogo {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.scoreboard {
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 7, col 5.
Open

    --w-teamname: 110px;
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 20, col 5.
Open

    --g-away: linear-gradient(0deg, var(--c-away) 0%, rgba(255,255,255,0.4) 100%), var(--c-away);
Severity: Minor
Found in app/css/inning.css by csslint

Expected LBRACE at line 141, col 31.
Open

div:not(.teamName, .scoreboard) {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.teamLogo > img {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.teamName#away > #bg > span {
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.teamColor#home {
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 17, col 5.
Open

    --c-score-away: #000000;
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 19, col 5.
Open

    --g-home: linear-gradient(0deg, var(--c-home) 0%, rgba(255,255,255,0.4) 100%), var(--c-home);
Severity: Minor
Found in app/css/inning.css by csslint

Expected RBRACE at line 16, col 5.
Open

    --c-score-home: #000000;
Severity: Minor
Found in app/css/inning.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#bg {
Severity: Minor
Found in app/css/inning.css by csslint
Category
Status