Sign upLogin

pablorc/snaaake

View on GitHub
Star
www/main.css

Summary

Maintainability
Test Coverage

Expected (<border-width> || <border-style> || <color>) but found 'var(--snake-part-size) solid var(--primary)'.</color></border-style></border-width>
Open

  border-bottom: var(--snake-part-size) solid var(--primary);
Severity: Minor
Found in www/main.css by csslint

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

  border: 1px solid var(--background);
Severity: Minor
Found in www/main.css by csslint

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

  padding: 4px;
Severity: Minor
Found in www/main.css by csslint

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

  color: var(--primary);
Severity: Minor
Found in www/main.css by csslint

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

  color: var(--background);
Severity: Minor
Found in www/main.css by csslint

Expected (<margin-width>) but found 'var(--snake-part-size)'.</margin-width>
Open

  margin-bottom: var(--snake-part-size);
Severity: Minor
Found in www/main.css by csslint

Duplicate property 'border' found.
Open

  border: 1px solid var(--background);
Severity: Minor
Found in www/main.css by csslint

Expected (<length> | <percentage> | <content-sizing> | auto) but found 'var(--snake-part-size)'.</content-sizing></percentage></length>
Open

  width: var(--snake-part-size);
Severity: Minor
Found in www/main.css by csslint

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

  color: var(--background);
Severity: Minor
Found in www/main.css by csslint

Expected (<length> | <percentage> | <content-sizing> | auto) but found 'var(--snake-part-size)'.</content-sizing></percentage></length>
Open

  width: var(--snake-part-size);
Severity: Minor
Found in www/main.css by csslint

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

  background-color: var(--background);
Severity: Minor
Found in www/main.css by csslint

Expected (<border-width> || <border-style> || <color>) but found 'var(--snake-part-size) solid var(--primary)'.</color></border-style></border-width>
Open

  border: var(--snake-part-size) solid var(--primary);
Severity: Minor
Found in www/main.css by csslint

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

  background-color: var(--primary);
Severity: Minor
Found in www/main.css by csslint

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

  background-color: var(--primary);
Severity: Minor
Found in www/main.css by csslint

Expected end of value but found 'var(--background)'.
Open

  border: 1px solid var(--background);
Severity: Minor
Found in www/main.css by csslint

Rule is empty.
Open

:root {
Severity: Minor
Found in www/main.css by csslint

Expected (<margin-width> | <content-sizing>) but found 'var(--snake-part-size)'.</content-sizing></margin-width>
Open

  height: var(--snake-part-size);
Severity: Minor
Found in www/main.css by csslint

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

  background-color: var(--primary);
Severity: Minor
Found in www/main.css by csslint

Expected (<margin-width> | <content-sizing>) but found 'var(--snake-part-size)'.</content-sizing></margin-width>
Open

  height: var(--snake-part-size);
Severity: Minor
Found in www/main.css by csslint

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

  color: var(--background);
Severity: Minor
Found in www/main.css by csslint

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

@import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono');
Severity: Minor
Found in www/main.css by csslint

Expected RBRACE at line 13, col 3.
Open

  --background: rgb(154, 197, 3);
Severity: Minor
Found in www/main.css by csslint

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

.window {
Severity: Minor
Found in www/main.css by csslint

Expected RBRACE at line 15, col 3.
Open

  --snake-part-size: 15px;
Severity: Minor
Found in www/main.css by csslint

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

.highscores {
Severity: Minor
Found in www/main.css by csslint

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

.window__input {
Severity: Minor
Found in www/main.css by csslint

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

.game {
Severity: Minor
Found in www/main.css by csslint

Expected RBRACE at line 14, col 3.
Open

  --background-transparent: rgba(154, 197, 3, 0.7);
Severity: Minor
Found in www/main.css by csslint

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

.snake__body {
Severity: Minor
Found in www/main.css by csslint

Expected RBRACE at line 12, col 3.
Open

  --primary: #333;
Severity: Minor
Found in www/main.css by csslint

Outlines should only be modified using :focus.
Open

.window__input {
Severity: Minor
Found in www/main.css by csslint

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

.window__send {
Severity: Minor
Found in www/main.css by csslint

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

.maze {
Severity: Minor
Found in www/main.css by csslint

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

.game__score {
Severity: Minor
Found in www/main.css by csslint

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

.food {
Severity: Minor
Found in www/main.css by csslint

There are no issues that match your filters.

Category
Status