codeforamerica/ohana-web-search

View on GitHub
app/assets/stylesheets/components/_input-search.scss

Summary

Maintainability
Test Coverage

border: 0 is preferred over border: none
Open

    border: none;

Properties should be ordered color, line-height, text-shadow
Open

      text-shadow: 1px 4px 6px $accentA-light, 0 0 0 $black, 1px 4px 6px $accentA-light;

0.6 should be written without a leading zero as .6
Open

  @include input-placeholder(rgba($white, 0.6), italic);

Name of variable font_size_105 should be written in all lowercase letters with hyphens instead of underscores
Open

    font-size: $font_size_105;

Colon after property should be followed by one space
Open

    vertical-align:middle;

Name of variable accentA-light should be written in all lowercase letters with hyphens instead of underscores
Open

      text-shadow: 1px 4px 6px $accentA-light, 0 0 0 $black, 1px 4px 6px $accentA-light;

Property color already defined on line 126
Open

      color: $button-color;

Property color already defined on line 223
Open

      color: midtone($black, 0.5);

0.3 should be written without a leading zero as .3
Open

      background: rgba($white, 0.3);

border: 0 is preferred over border: none
Open

    border: none;

0.3 should be written without a leading zero as .3
Open

    background: rgba($white, 0.3);

Properties should be ordered background, border, border-collapse, color, font-size, margin-top, outline, position, right, top
Open

    position: absolute;

Property color already defined on line 271
Open

    color: rgba($black, .1);

Expected item on line 82 to appear before line 78. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

    @include box-sizing(border-box);

Properties should be ordered color, text-shadow
Open

        text-shadow: none;

0.2 should be written without a leading zero as .2
Open

      border: 1px solid rgba($input-border-color, 0.2);

Name of variable greyscale_midtone should be written in all lowercase letters with hyphens instead of underscores
Open

    color: $greyscale_midtone; // IE Fallback

Colon after property should be followed by one space
Open

    margin:0;

0.4 should be written without a leading zero as .4
Open

    border:1px solid rgba($input-border-color, 0.4);

Properties should be ordered -webkit-appearance, background, border, border-bottom, border-collapse, color, font-size, height, padding-left, padding-right, width
Open

      width: 100%;

0.6 should be written without a leading zero as .6
Open

  @include input-placeholder(rgba($white, 0.6), italic);

Properties should be ordered background, border, border-collapse, cursor, font-family, font-size, height, left, line-height, margin, margin-left, min-width, padding, position, top, vertical-align, z-index
Open

    cursor: pointer;

Name of variable font_serif should be written in all lowercase letters with hyphens instead of underscores
Open

    font-family: $font_serif;

Colon after property should be followed by one space
Open

    border:1px solid rgba($input-border-color, 0.4);

Properties should be ordered background, border, border-collapse, border-left, cursor, font-family, font-size, height, left, letter-spacing, line-height, margin, margin-left, min-width, padding, position, right, top, vertical-align, z-index
Open

    position: absolute;

Name of variable font_serif should be written in all lowercase letters with hyphens instead of underscores
Open

    font-family: $font_serif;

Name of variable font_size_90 should be written in all lowercase letters with hyphens instead of underscores
Open

    font-size: $font_size_90;

Name of variable font_size_110 should be written in all lowercase letters with hyphens instead of underscores
Open

      font-size: $font_size_110;

border: 0 is preferred over border: none
Open

      border: none;

0.5 should be written without a leading zero as .5
Open

      color: midtone($black, 0.5);

Prefer single quoted strings
Open

    content: "×";

Name of variable font_size_110 should be written in all lowercase letters with hyphens instead of underscores
Open

    font-size: $font_size_110;

0.2 should be written without a leading zero as .2
Open

  @include input-placeholder(midtone($black, 0.2), italic);

Name of variable accentA-light should be written in all lowercase letters with hyphens instead of underscores
Open

      text-shadow: 1px 4px 6px $accentA-light, 0 0 0 $black, 1px 4px 6px $accentA-light;

Nesting should be no greater than 3, but was 4
Open

      >span {

Expected item on line 186 to appear before line 182. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

      @include box-sizing(border-box);

0.7 should be written without a leading zero as .7
Open

      border-bottom: 1px solid rgba($white, 0.7);

Expected item on line 42 to appear before line 36. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

    @include box-sizing(border-box);

0.5 should be written without a leading zero as .5
Open

    color: rgba($black, 0.5);

Nesting should be no greater than 3, but was 4
Open

      .fa {

Nesting should be no greater than 3, but was 4
Open

      &:hover {

border: 0 is preferred over border: none
Open

      border: none;

Name of variable font_size_110 should be written in all lowercase letters with hyphens instead of underscores
Open

    font-size: $font_size_110;

Property color already defined on line 126
Open

      color: midtone($black, .5);

Nesting should be no greater than 3, but was 4
Open

      >.fa {

Merge rule .input-search-filter.input-search-filter-option with rule on line 152
Open

.input-search-filter.input-search-filter-option {

Expected item on line 220 to appear before line 210. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

    @include rounded-except(bottom);

Nesting should be no greater than 3, but was 4
Open

      .fa {

border: 0 is preferred over border: none
Open

    border: none;

Expected item on line 109 to appear before line 98. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

    @include box-sizing(border-box);

Properties should be ordered color, font-size
Open

    font-size: $font_size_90;

0.1 should be written without a leading zero as .1
Open

      @include single-box-shadow(0, 1px, 6px, 1px, rgba($black, 0.1), inset);

Name of variable font_size_95 should be written in all lowercase letters with hyphens instead of underscores
Open

      font-size: $font_size_95;

0.1 should be written without a leading zero as .1
Open

    @include single-box-shadow(0, 1px, 6px, 1px, rgba($black, 0.1), inset);

0.2 should be written without a leading zero as .2
Open

    border-left: 1px solid rgba($input-border-color, 0.2);

Name of variable font_size_115 should be written in all lowercase letters with hyphens instead of underscores
Open

    font-size: $font_size_115;

border: 0 is preferred over border: none
Open

    border: none;

Colon after property should be followed by one space
Open

  position:relative;

Expected item on line 30 to appear before line 17. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

    @include single-box-shadow(0, 1px, 6px, 1px, rgba($black, 0.1), inset);

Properties should be ordered background, border, border-collapse, color, font-size, height, margin, padding, padding-left, padding-right, vertical-align, width
Open

    padding-left: 45px;

Name of variable font_size_110 should be written in all lowercase letters with hyphens instead of underscores
Open

    font-size: $font_size_110;

Properties should be ordered background, border, color, cursor, font-size, height, margin-left, padding, position, text-align, width, z-index
Open

      font-size: $font_size_110;

0.3 should be written without a leading zero as .3
Open

      border-bottom: 1px solid rgba($white, 0.3);

Nesting should be no greater than 3, but was 4
Open

      > .fa {

0.4 should be written without a leading zero as .4
Open

    border: 1px solid rgba($input-border-color, 0.4);

Name of variable font_size_95 should be written in all lowercase letters with hyphens instead of underscores
Open

    font-size: $font_size_95;

Property border already defined on line 211
Open

    border: 1px solid rgba($white, 0);

Properties should be ordered background, border, border-bottom, border-collapse, color, font-size, height, margin-left, padding, padding-left, padding-right, vertical-align, width
Open

    font-size: $font_size_105;

Properties should be ordered background, border, cursor, font-size, margin, max-height, padding, padding-bottom, padding-top
Open

    font-size: $font_size_95;

There are no issues that match your filters.

Category
Status