consul/consul

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

Summary

Maintainability
Test Coverage

!important should not be used
Open

    color: inherit !important;

Properties should be ordered float, font-weight, line-height
Open

      font-weight: bold;

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

      &:hover {

Prefer single quoted strings
Open

      content: "\6c";

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

      a {

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

  @include full-width-border(bottom, 1px solid #eee);

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

  background-color: #ccc;

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

    .remove .icon-check-circle {

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

      p {

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

    .social-share-button .ssb-icon {

Prefer single quoted strings
Open

    content: "\56";

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

      img {

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

    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);

Merge rule .successful with rule on line 1349
Open

.successful {

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

  border-color: #e5e6e9 #dfe0e4 #d0d1d5;

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

  background: #fafafa;

Prefer single quoted strings
Open

      content: "";

Properties should be ordered height, max-width, min-width, transition-duration, transition-property
Open

      min-width: 100%;

Properties should be ordered clear, color, font-size, line-height, margin-top, padding-top
Open

    margin-top: rem-calc(12);

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

      &::before {

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

    color: #4c4c4c;

Properties should be ordered display, margin
Open

    margin: rem-calc(10) 0 0;

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

      &:hover {

!important should not be used
Open

  max-height: none !important;

!important should not be used
Open

    color: inherit !important;

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

      color: #cc181e;

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

  border-color: #e5e6e9 #dfe0e4 #d0d1d5;

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

  border-color: #e5e6e9 #dfe0e4 #d0d1d5;

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

    background: #eee;

Prefer single quoted strings
Open

        content: "\51";

!important should not be used
Open

    margin-right: 0 !important;

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

      &::before {

Properties should be ordered border-bottom, content, display, margin, padding-top, width
Open

      margin: 0 auto;

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

  margin-top: -$line-height;

Prefer single quoted strings
Open

        content: "\22";

Prefer single quoted strings
Open

      content: "\22";

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

      border-bottom: 2px solid #fff;

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

    border: 2px solid #f9f9f9;

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

    @include regular-button($color: rgba(0, 0, 0, 0.5));

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

    @include regular-button($color: rgba(0, 0, 0, 0.5));

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

      &::after {

Properties should be ordered border-bottom-right-radius, border-radius, border-top-right-radius, transition
Open

    border-radius: rem-calc(12);

Prefer single quoted strings
Open

      content: "\57";

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

      right: -0.5em;

!important should not be used
Open

    margin-bottom: rem-calc(-1) !important;

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

  @include full-width-border(bottom, 1px solid #eee);

!important should not be used
Open

    margin-left: 0 !important;

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

      margin-bottom: 0;

Prefer single quoted strings
Open

      font-family: "icons";

Prefer single quoted strings
Open

    font-family: "icons";

!important should not be used
Open

  height: 100% !important;

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

  background: rgba(34, 34, 34, 0.25);

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

      color: color-pick-contrast(#eee);

Prefer single quoted strings
Open

      font-family: "icons";

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

    background: #bbcdd9;

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

  border-top: 1px solid #eee;

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

  background: #fafafa;

!important should not be used
Open

    margin-bottom: 0 !important;

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

      a {

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

      &::before {

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

    border-right: 60px solid #ffd200;

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

  background: rgba(34, 34, 34, 0.25);

Properties should be ordered border-radius, cursor, font-size, font-weight, height, line-height, padding-top, position, right, text-align, top, width, z-index
Open

  font-size: rem-calc(24);

Properties should be ordered border-bottom, border-top, height, position, right, top, width
Open

    border-top: 0;

Prefer single quoted strings
Open

    background: image-url("truncate.png");

0.75 should be written without a leading zero as .75
Open

        opacity: 0.75;

Merge rule .budget-investment-show .supports with rule on line 691
Open

.budget-investment-show .supports {

Merge rule .budget-investment-show with rule on line 332
Open

.budget-investment-show {

Prefer single quoted strings
Open

      font-family: "icons";

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

      &::before {

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

    transition: height 0.3s;

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

    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);

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

  background: #fafafa;

!important should not be used
Open

    border-right: 0 !important;

Prefer single quoted strings
Open

      font-family: "icons";

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

    .order-links > li {

Prefer single quoted strings
Open

      font-family: "icons";

Prefer single quoted strings
Open

      content: "\51";

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

    background: #6a2a72;

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

      color: #1b254c;

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

      transition-duration: 0.3s;

!important should not be used
Open

      font-family: "icons" !important;

!important should not be used
Open

  max-height: none !important;

Properties should be ordered background, border-bottom-right-radius, border-radius, border-top-right-radius, display, height
Open

      border-radius: 0;

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

  background: #f9f9f9;

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

        transition: font-size 0.3s;

Prefer single quoted strings
Open

      content: "\59";

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

      &:active {

Merge rule .budget-investment-show with rule on line 332
Open

.budget-investment-show {

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

      p {

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

    transition: font-size 0.3s;

Properties should be ordered border-bottom, border-right, border-top, height, position, right, top, width
Open

    border-right: 60px solid #ffd200;

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

  @include full-width-border(top, 1px solid #eee);

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

      &::before {

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

        top: -0.1rem;

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

  background: #fafafa;

Prefer single quoted strings
Open

        content: "\59";

Properties should be ordered background, border-radius, color, content, font-family, font-size, padding, position, right, top
Open

        content: "\6c";

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

  border-bottom: 1px solid #eee;

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

      border: 2px solid #92ba48;

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

      &::after {

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

        background: #92ba48;

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

        background: #009fde;

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

      &.win {

Prefer single quoted strings
Open

        content: "\6c";

!important should not be used
Open

        font-family: "icons" !important;

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

      &::after {

Prefer single quoted strings
Open

        content: "\6c";

Prefer single quoted strings
Open

        content: "\74";

Prefer single quoted strings
Open

        content: "\6f";

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

      &.win {

!important should not be used
Open

      font-family: "icons" !important;

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

      &::after {

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

        color: #fff;

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

      &::after {

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

      &::after {

Prefer single quoted strings
Open

        content: "\6f";

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

      &::after {

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

        background: #ccedf8;

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

  @include flex-with-gap($line-height * 0.25);

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

      background: #f4f8ec;

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

      color: color-pick-contrast(#f4f8ec);

There are no issues that match your filters.

Category
Status