scottwillson/racing_on_rails

View on GitHub
app/assets/stylesheets/_forms.scss

Summary

Maintainability
Test Coverage

Avoid qualifying attribute selectors with an element.
Open

input[type="radio"],

Color literals like #000 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  background-color: #000;

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Unknown property *background-color
Open

  *background-color: #000;

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:active, .bootstrap-datetimepicker-widget .active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active {

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($highlight-color, .6);

Avoid vendor prefixes.
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($highlight-color, .6);

Selector date_time_picker should be written in lowercase with hyphens
Open

div.col-sm-6.date_time_picker {

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors input,

Color literals like #b94a48 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  border-color: #b94a48;

Color literals like #d59392 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors .control-label,

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active, .bootstrap-datetimepicker-widget .active:hover {

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:active, .bootstrap-datetimepicker-widget .active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active {

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors .checkbox,

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors .checkbox,

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors .checkbox,

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors input,

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors input,

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

Avoid vendor prefixes.
Open

  -moz-box-shadow: none;

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($highlight-color, .6);

Color literals like #fff should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  color: #fff;

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:active, .bootstrap-datetimepicker-widget .active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active {

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors input:focus,

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

Selector should have depth of applicability no greater than 3, but was 4
Open

.base .numeric .editable input {

Avoid vendor prefixes.
Open

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($highlight-color, .6);

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

Properties should be ordered border-color, -moz-box-shadow, -webkit-box-shadow, box-shadow
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Color literals like #000 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  background-color: #000;

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:active, .bootstrap-datetimepicker-widget .active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active {

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors .checkbox,

Color literals like #953b39 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  border-color: #953b39;

Avoid vendor prefixes.
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

Merge rule .editable.saving input with rule on line 65
Open

.editable.saving input {

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($highlight-color, .6);

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Rule declaration should be followed by an empty line
Open

}

Selector date_of_birth should be written in lowercase with hyphens
Open

.date_of_birth select {

Color literals like #d59392 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

Color literals like #d59392 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

0px should be written without units as 0
Open

    margin-bottom: 0px;

Merge rule .ui-datepicker.ui-widget-content with rule on line 120
Open

.ui-datepicker.ui-widget-content {

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors .control-label,

Color literals like #b94a48 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  color: #b94a48;

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors .checkbox,

Avoid qualifying attribute selectors with an element.
Open

input[type="radio"],

Avoid vendor prefixes.
Open

  -webkit-box-shadow: none;

Selector editable_column should be written in lowercase with hyphens
Open

table.base td.numeric.editable_column {

Avoid qualifying class selectors with an element.
Open

table.base td.numeric.editable_column {

Each selector in a comma sequence should be on its own single line
Open

.bootstrap-datetimepicker-widget .active:active, .bootstrap-datetimepicker-widget .active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active {

Color black should be written in hexadecimal form as #000000
Open

  background-color: black \9;

Avoid qualifying class selectors with an element.
Open

div.col-sm-6.date_time_picker {

Color literals like #b94a48 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  color: #b94a48;

Avoid vendor prefixes.
Open

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

Merge rule .editable.editing with rule on line 65
Open

.editable.editing {

Avoid qualifying attribute selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;

Avoid qualifying class selectors with an element.
Open

table.base td.numeric.editable_column {

Color literals like black should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  background-color: black \9;

Properties should be ordered border-color, -moz-box-shadow, -webkit-box-shadow, box-shadow
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

Properties should be ordered border-color, -moz-box-shadow, -webkit-box-shadow, box-shadow, display, outline, padding, width
Open

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($highlight-color, .6);

Color literals like #000 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  *background-color: #000;

Rule declaration should be followed by an empty line
Open

}

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors input:focus,

Color literals like rgba(0, 0, 0, 0.25) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Color literals like #fff should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  color: #fff;

Avoid vendor prefixes.
Open

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

Properties should be ordered background-color, border-color, -moz-box-shadow, -webkit-box-shadow, box-shadow, color
Open

  box-shadow: none;

0.25 should be written without a leading zero as .25
Open

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

Avoid qualifying class selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Avoid qualifying attribute selectors with an element.
Open

.bootstrap-datetimepicker-widget .active:hover, .bootstrap-datetimepicker-widget .active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {

Properties should be ordered *background-color, background-color, color
Open

  color: #fff;

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors .control-label,

Avoid vendor prefixes.
Open

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

Color literals like rgba(0, 0, 0, 0.075) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

Selector field_with_errors should be written in lowercase with hyphens
Open

.field_with_errors input:focus,

There are no issues that match your filters.

Category
Status