Sign upLogin

FC-softwares/baseball-scoreboard

View on GitHub
Star
app/css/scoreboard.css

Summary

Maintainability
Test Coverage

Showing 91 of 91 total issues

Don't use IDs in selectors.
Open

.scoreboard.disabled > div#home{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Don't use IDs in selectors.
Open

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

Don't use IDs in selectors.
Open

.teamScore#away {
Severity: Minor
Found in app/css/scoreboard.css by csslint

Don't use IDs in selectors.
Open

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

Don't use IDs in selectors.
Open

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

Don't use IDs in selectors.
Open

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

Don't use IDs in selectors.
Open

.scoreboard > div#away{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Don't use IDs in selectors.
Open

.scoreboard.disabled > div#away{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Don't use IDs in selectors.
Open

.scoreboard > div#home{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Don't use IDs in selectors.
Open

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

Don't use IDs in selectors.
Open

.teamName#away {grid-area: nameAway;}
Severity: Minor
Found in app/css/scoreboard.css by csslint

2 IDs in the selector, really?
Open

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

Don't use IDs in selectors.
Open

.ballStrike > #div {
Severity: Minor
Found in app/css/scoreboard.css by csslint

Don't use IDs in selectors.
Open

.teamName#home {grid-area: nameHome;}
Severity: Minor
Found in app/css/scoreboard.css by csslint

Don't use IDs in selectors.
Open

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

Don't use IDs in selectors.
Open

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

Don't use IDs in selectors.
Open

.teamScore#home {
Severity: Minor
Found in app/css/scoreboard.css by csslint

Don't use IDs in selectors.
Open

.out > #number::after {
Severity: Minor
Found in app/css/scoreboard.css by csslint

2 IDs in the selector, really?
Open

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

Don't use IDs in selectors.
Open

.inning > #number {
Severity: Minor
Found in app/css/scoreboard.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/scoreboard.css by csslint

Element (div#away) is overqualified, just use #away without element name.
Open

.scoreboard > div#away{
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

.scoreboard.disabled > div#home{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Element (div#away) is overqualified, just use #away without element name.
Open

.scoreboard.disabled > div#away{
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

.scoreboard > div#home{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Rule is empty.
Open

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

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

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

Unknown property 'gap'.
Open

    gap: 4px;
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

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

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

Unknown property 'gap'.
Open

    gap: 5px;
Severity: Minor
Found in app/css/scoreboard.css by csslint

Using width with border can sometimes make elements larger than you expect.
Open

    border: 0 solid black;
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

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

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

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

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

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

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

Using height with border can sometimes make elements larger than you expect.
Open

    border: 0 solid black;
Severity: Minor
Found in app/css/scoreboard.css by csslint

Adjoining classes: .scoreboard.disabled > div#away
Open

.scoreboard.disabled > div#away{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Adjoining classes: .scoreboard.disabled > div#home
Open

.scoreboard.disabled > div#home{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Adjoining classes: .scoreboard.disabled > div.bases
Open

.scoreboard.disabled > div.bases {
Severity: Minor
Found in app/css/scoreboard.css by csslint

Adjoining classes: .scoreboard.disabled > div.out
Open

.scoreboard.disabled > div.out {
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

Adjoining classes: .scoreboard.disabled > div.ballStrike
Open

.scoreboard.disabled > div.ballStrike {
Severity: Minor
Found in app/css/scoreboard.css by csslint

Expected RBRACE at line 22, 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/scoreboard.css by csslint

Expected RBRACE at line 6, col 5.
Open

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

Expected RBRACE at line 27, col 5.
Open

    --w-scale: 1920px;
Severity: Minor
Found in app/css/scoreboard.css by csslint

Expected RBRACE at line 10, col 5.
Open

    --w-bases: 80px;
Severity: Minor
Found in app/css/scoreboard.css by csslint

Expected RBRACE at line 12, col 5.
Open

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

Expected RBRACE at line 25, col 5.
Open

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

Expected RBRACE at line 18, col 5.
Open

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

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

.scoreboard.disabled > div#away{
Severity: Minor
Found in app/css/scoreboard.css by csslint

Expected RBRACE at line 7, col 5.
Open

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

Expected RBRACE at line 14, col 5.
Open

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

Expected RBRACE at line 21, 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/scoreboard.css by csslint

Expected RBRACE at line 28, col 5.
Open

    --h-scale: 1080px;
Severity: Minor
Found in app/css/scoreboard.css by csslint

Expected RBRACE at line 17, col 5.
Open

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

Expected RBRACE at line 19, col 5.
Open

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

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

.scoreboard.disabled > div#home{
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

.scoreboard > div.bases {
Severity: Minor
Found in app/css/scoreboard.css by csslint

Expected RBRACE at line 9, col 5.
Open

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

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

.scoreboard > div.out {
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

.scoreboard.disabled > div.bases {
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

.scoreboard > div.ballStrike {
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

.scoreboard.disabled > div.ballStrike {
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

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

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

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

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

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

.scoreboard > div#home{
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

.teamScore#home {
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

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

.teamScore#away {
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

Expected RBRACE at line 16, col 5.
Open

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

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

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

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

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

Unexpected token '1fr' at line 210, col 25.
Open

    grid-template-rows: 1fr 1fr;
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

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

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

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

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

Expected RBRACE at line 8, col 5.
Open

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

Expected RBRACE at line 11, col 5.
Open

    --w-bs-out: 90px;
Severity: Minor
Found in app/css/scoreboard.css by csslint

Expected RBRACE at line 23, 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/scoreboard.css by csslint

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

.scoreboard > div#away{
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

Unexpected token '1fr' at line 211, col 28.
Open

    grid-template-columns: 1fr 1fr;
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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

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

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

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

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

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

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

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

.scoreboard.disabled > div.out {
Severity: Minor
Found in app/css/scoreboard.css by csslint

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

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