codeforamerica/ohana-web-search

Properties should be ordered font-size, position, top, vertical-align

Open

  vertical-align: baseline;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        color: $black;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    margin: 1em 0;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    margin: 0;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered float, padding-bottom, padding-right, padding-top

Open

      padding-top: 11px;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    padding: 0;

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/*

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

  -webkit-user-select: none;

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

  -khtml-user-select: none;

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

  -ms-user-select: none;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        padding-top: 4px;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered font-size, margin-left, padding-bottom, padding-top

Open

        padding-top: 4px;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    color: #222;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background: #b3d4fc;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background: #b3d4fc;

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/*

• Exclude checks
  • Disable engine
  • Disable check

0.4 should be written without a leading zero as .4

Open

  top: -0.4em;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        padding-right: 15px;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-size: $font_size_90;

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

  p span.cfaflag {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-top: 1px solid $greyscale_light; // IE fallback

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-size: $font_size_95;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border, display, padding, width

Open

    padding: 5px;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    color: $accentA-light;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

.home #search-container {

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

    @include background( radial-gradient( $primary-lightest 10%, $primary) );

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered margin-bottom, text-align

Open

  text-align: left;

• Exclude checks
  • Disable engine
  • Disable check

Expected item on line 656 to appear before line 654. 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, 0, rgba($black, .4));

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#results-entries {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-bottom, font-family

Open

    font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    background: #b3d4fc;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background-attachment, background-color, background-position, background-repeat

Open

  background-position: top;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      a:hover {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying attribute selectors with an element.

Open

  button[disabled] {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  button[disabled] {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

.home #search-bottom-utilities {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    -webkit-box-shadow: 0 0 0 #ccc, 0 0 #fff inset;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    > * {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      > li {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    text-shadow: none;

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/*

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    color: #222;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    background: #b3d4fc;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-size: $font_size_95;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        font-size: $font_size_110;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

.about .main > * > * {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      li {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  h1 {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-bottom, padding, text-decoration

Open

    text-decoration: none;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border-top, clear, padding-bottom, position, text-align

Open

  position: relative;

• Exclude checks
  • Disable engine
  • Disable check

0.9 should be written without a leading zero as .9

Open

  background: rgba($search-bg, 0.9);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    > span {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

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

Open

          > li {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

          }

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      > ul {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#floating-results-header.floating .static-content {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#list-view div:last-child {

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

  -webkit-backface-visibility: hidden;

• Exclude checks
  • Disable engine
  • Disable check

!important should not be used

Open

  display: none !important;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        font-size: $font_size_110;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      > em {

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

::-moz-selection {

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    vertical-align: middle;

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

}

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        vertical-align: bottom;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border: 1px solid $accentA-dark;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  button:hover {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include background( radial-gradient( $primary-lightest 10%, $primary) );

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

    @include background( radial-gradient( $primary-lightest 10%, $primary) );

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#search-controls {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

.inside #geolocate-box {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-right: 1px dotted $greyscale_light;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered text-align, z-index

Open

    z-index: $layer-7;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered padding, text-align

Open

  text-align: right;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      font-size: $font_size_100;

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/* ==========================================================================

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    display: block;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    border: 0;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    border-top: 1px solid #ccc;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    border: 0;

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/* ==========================================================================

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered font-family, height

Open

  height: 100%;

• Exclude checks
  • Disable engine
  • Disable check

Property color already defined on line 408

Open

    color: rgba($black, .7);

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered font-weight, margin, padding

Open

  margin: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include box-sizing(border-box);

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        padding-bottom: 3px;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered margin-bottom, margin-top, padding, padding-bottom, padding-top

Open

    padding: 10px;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  background: $greyscale_lightest;

• Exclude checks
  • Disable engine
  • Disable check

!important should not be used

Open

          border-left: 6px solid $listitem-search-important-border !important;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border, margin, vertical-align

Open

    margin: 10px;

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

        }

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-left, font-size, margin, margin-left, padding-left

Open

            margin: 5px;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#results-container {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border-left, margin-left, position, vertical-align, z-index

Open

  position: relative;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border-bottom, font-family, min-height, position, right, text-align, top, width, z-index

Open

  position: absolute;

• Exclude checks
  • Disable engine
  • Disable check

Property border-bottom already defined on line 551

Open

  border-bottom: 1px solid midtone($black, .1);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-bottom: 1px solid $greyscale_midtone; // IE fallback

• Exclude checks
  • Disable engine
  • Disable check

Commas in function arguments should be followed by one space

Open

    border-bottom: 1px solid rgba($black,.1);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  background: $greyscale_lightest;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered display, font-size, font-weight, margin-bottom

Open

        font-size: $font_size_110;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-size: $font_size_110;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      border-left: 1px dotted $greyscale_light;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered -webkit-backface-visibility, border-bottom, width

Open

  width: 100%;

• Exclude checks
  • Disable engine
  • Disable check

!important should not be used

Open

  border-bottom: 1px solid $primary-dark !important;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    line-height: 1.4;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    height: 1px;

• Exclude checks
  • Disable engine
  • Disable check

0.4 should be written without a leading zero as .4

Open

  top: 0.4em;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-size: $font_size_100;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        font-size: $font_size_110;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  p {

• Exclude checks
  • Disable engine
  • Disable check

Property background already defined on line 322

Open

  background: rgba($search-bg, 0.9);

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, font-size, letter-spacing, text-shadow

Open

    font-size: 56px;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, font-size, margin, margin-bottom, padding, text-align, text-transform, vertical-align

Open

        text-align: left;

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be preceded by an empty line

Open

        > ul {

• Exclude checks
  • Disable engine
  • Disable check

!important should not be used

Open

  border: 1px solid $list-search-important-border !important;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered font-size, margin, max-width

Open

      margin: 80px auto;

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/*

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/*

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    padding: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  font-family: $font_serif;

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

  -moz-user-select: none;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include box-sizing(border-box);

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        margin-left: 14px;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      a {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  footer {

• Exclude checks
  • Disable engine
  • Disable check

Property border-top already defined on line 280

Open

    border-top: 1px solid rgba($black, .1);

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-top, font-size, margin-top, padding-top

Open

    margin-top: 10px;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background-color, color, cursor, width

Open

    width: 240px;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

.inside #search-container {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

.home #search-box {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

.inside #keyword-search-box {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#category-box {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

          > li:nth-child(odd) {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#emergency-services {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border, z-index

Open

  border: 1px solid $list-search-important-border !important;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-left: 1px dotted $greyscale_light;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered margin-top, padding

Open

    padding: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      > strong {

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    font-size: 1em;

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/*

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border, border-top, display, height, margin, padding

Open

    display: block;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        padding-bottom: 12px;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, font-family, font-size, margin-left, position, top

Open

    font-size: $font_size_90;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background-color, float, vertical-align, width

Open

  float: left;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

.inside #search-box {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#search-options {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        > ul {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include ellipsis();

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

Merge rule .results-header.floating with rule on line 543

Open

.results-header.floating {

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    text-shadow: none;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-top: 1px solid #ccc;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    resize: vertical;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered -webkit-touch-callout, -khtml-user-select, -moz-user-select, -ms-user-select, -webkit-user-select, user-select

Open

  -webkit-user-select: none;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#content {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border-bottom, font-size, position, width, z-index

Open

    position: relative;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 8 spaces

Open

        margin-left: 13px;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    color: $greyscale_midtone;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  border-bottom: 1px solid $greyscale_midtone; // IE fallback

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    color: $greyscale_dark;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-size: $font_size_95;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border-bottom, border-top, padding, text-align, vertical-align

Open

    padding: 80px;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

    @include background( radial-gradient( $primary-lightest 10%, $primary) );

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      > em {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      a:hover {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border-bottom, display, padding

Open

  display: block;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered -webkit-appearance, background-color, background-image, background-position, background-repeat, border, -webkit-box-shadow, color, font-size, letter-spacing, margin, margin-top, padding, width

Open

    font-size: $font_size_95;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered max-height, overflow, right, top

Open

  right: 10px;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

            font-size: $font_size_100;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered padding-bottom, padding-left, padding-right, padding-top

Open

    padding-left: 20px;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, font-weight

Open

      font-weight: bold;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        font-color: $greyscale_midtone;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      ul {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#list-view {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered margin-right, max-height, text-align

Open

    text-align: right;

• Exclude checks
  • Disable engine
  • Disable check

0.4 should be written without a leading zero as .4

Open

    @include single-box-shadow(0, 0, 5px, 0, midtone($black, 0.4));

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      color: $greyscale_midtone; // IE Fallback

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      h1 {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, color, font-weight, margin-left, padding-left, padding-right, vertical-align

Open

        color: $main-header-color;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        @include type-size(baseline);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        h1 {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        .hierarchy-depth-2{ margin-left: 20px; }

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 6 spaces, but was indented 7 spaces

Open

       margin-top: 40px;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, font-size

Open

      font-size: $font_size_95;

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

    }

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    width: auto;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      li {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, font-family, font-size, padding, padding-bottom

Open

    padding: 20px;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include border-radius(4px);

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered font-size, left, position, top

Open

      position: relative;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      > li {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, font-family, font-size, letter-spacing, margin, padding-bottom, padding-left, padding-right, padding-top

Open

    font-size: $font_size_110;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#logo {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      color: $greyscale_midtone;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#app-footer {

• Exclude checks
  • Disable engine
  • Disable check

Property border-bottom already defined on line 677

Open

    border-bottom: 1px solid rgba($black,.1);

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background-image, background-repeat, height, padding-right, position, top, width

Open

    width: 30px;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      > strong {

• Exclude checks
  • Disable engine
  • Disable check

Property border-bottom already defined on line 266

Open

  border-bottom: 1px solid rgba($black, .1);

• Exclude checks
  • Disable engine
  • Disable check

Property background already defined on line 724

Open

      background: $greyscale_lightest;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background-color: $accentA-dark;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        a {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      > ul {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be preceded by an empty line

Open

        a {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include box-sizing(border-box);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        font-family: $font_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-family: $font_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        h1.name {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-bottom, margin-bottom

Open

      margin-bottom: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

          font-family: $font_serif;

• Exclude checks
  • Disable engine
  • Disable check

Property border-bottom already defined on line 766

Open

      border-bottom: 1px solid rgba($black, .1);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        h1.name > a::after {

• Exclude checks
  • Disable engine
  • Disable check

Merge rule h1.name > a:hover::after with rule on line 779

Open

        h1.name > a:hover::after {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        h2.agency {

• Exclude checks
  • Disable engine
  • Disable check

Property color already defined on line 919

Open

      color: rgba($black, .5);

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

        h2.agency {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered cursor, font-family

Open

  font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

          span {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include box-sizing(border-box);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include border-radius(0px 4px 4px 4px);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      font-size: $font_size_95;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      font-family: $font_serif;

• Exclude checks
  • Disable engine
  • Disable check

Selector infoBox should be written in lowercase with hyphens

Open

  .infoBox:hover a {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      .service-categories > ul {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered margin-bottom, margin-right, vertical-align

Open

      vertical-align: baseline;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    margin: 0;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered margin-left, padding-left

Open

      padding-left: 20px;

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

.clearfix:after {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered list-style-type, margin-bottom, margin-left

Open

    margin-bottom: 0;

• Exclude checks
  • Disable engine
  • Disable check

Property color already defined on line 1061

Open

      color: rgba($main-list-mark-color, .4);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      > span {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border-bottom, border-left, margin-bottom, -ms-word-break, word-break

Open

      margin-bottom: 20px;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      h1 {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    position: absolute;

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

.clearfix:before,

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      a {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  input,

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        > li {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        > li:nth-child(odd) {

• Exclude checks
  • Disable engine
  • Disable check

!important should not be used

Open

          border-left: 6px solid tint($listitem-search-important-border, 25) !important;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#results-container.result-map-showing .results-header {

• Exclude checks
  • Disable engine
  • Disable check

Merge rule #results-container.result-map-showing .results-header with rule on line 534

Open

#results-container.result-map-showing .results-header {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

  section.no-results {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      > hgroup {

• Exclude checks
  • Disable engine
  • Disable check

Commas in function arguments should be followed by one space

Open

          color: rgba($black,.4);

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#map-view {

• Exclude checks
  • Disable engine
  • Disable check

Commas in function arguments should be followed by one space

Open

      border-top: 1px solid midtone($primary,0.5);

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background, border-bottom, padding

Open

    padding: 10px;

• Exclude checks
  • Disable engine
  • Disable check

Commas in function arguments should be followed by one space

Open

    background: rgba($primary-lightest,.1);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      border-bottom: 1px solid $greyscale_light; // IE fallback

• Exclude checks
  • Disable engine
  • Disable check

Commas in function arguments should be followed by one space

Open

      @include box-shadow(0 0 1px $white, -1px 0 2px rgba($black,.2), 0 1px 2px rgba($black,.2), 0 -1px 2px rgba($black,.2));

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      .location-sidebar-section {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

          @include inline-block();

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

    }

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      font-size: $font_size_95;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered clear, padding, text-align

Open

    text-align: right;

• Exclude checks
  • Disable engine
  • Disable check

Commas in function arguments should be followed by one space

Open

      color: rgba($black,.4);

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/*

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    border: 0;

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    width: 1px;

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

    content: " "; /* 1 */

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    font-family: $font_san_serif;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  button {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background-color: $greyscale_light;

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

    -webkit-box-shadow: 0 0 0 #ccc, 0 0 #fff inset;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#geolocate-box {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      border-right: 1px dotted $greyscale_light;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      border-bottom: 1px solid $greyscale_light; // IE fallback

• Exclude checks
  • Disable engine
  • Disable check

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

Open

          color: $greyscale_midtone; // IE fallback

• Exclude checks
  • Disable engine
  • Disable check

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

Open

          color: $greyscale_dark;

• Exclude checks
  • Disable engine
  • Disable check

0.95 should be written without a leading zero as .95

Open

    opacity: 0.95;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-bottom, color, text-decoration

Open

      color: $primary-dark;

• Exclude checks
  • Disable engine
  • Disable check

Property border-bottom already defined on line 905

Open

      border-bottom: 1px solid rgba($black, .4);

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

      content: "×";

• Exclude checks
  • Disable engine
  • Disable check

!important should not be used

Open

  height: 400px !important;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    > h1 {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    li {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

          color: $greyscale_midtone;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    > section > section

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

/* ==========================================================================

• Exclude checks
  • Disable engine
  • Disable check

Commas in function arguments should be followed by one space

Open

      color: rgba($black,.4);

• Exclude checks
  • Disable engine
  • Disable check

Commas in function arguments should be followed by one space

Open

      border-bottom: 1px solid rgba($black,.4);

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 2 spaces, but was indented 4 spaces

Open

    clip: rect(0 0 0 0);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      li {

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      .results-entry {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

        h1.name > a::after {

• Exclude checks
  • Disable engine
  • Disable check

Use // comments everywhere

Open

    /*

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#map-canvas {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      font-size: $font_size_95;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      font-family: $font_serif;

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      h2 {