consul/consul

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

Summary

Maintainability
Test Coverage

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

      background: #fafafa;

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

      display: inline-block;

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

      border: 2px solid #9c9c9c;

Properties should be ordered font-size, margin-left, margin-top, text-decoration
Open

        text-decoration: underline;

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

      .quiz-header-title {

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

    background: #f4f4f4;

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

      select {

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

      .icon-banner {

Properties should be ordered content, cursor, font-family, -moz-osx-font-smoothing, -webkit-font-smoothing, margin-left, position
Open

          cursor: pointer;

Prefer single quoted strings
Open

          content: "\5a";

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

      h2 {

Prefer single quoted strings
Open

        content: "";

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

    .debate-title a {

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

      &:hover,

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

      &:hover,

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

        > * {

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

      h2 {

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

      .icon-angle-right {

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

      background: #fff;

Properties should be ordered display, font-weight, margin-right, vertical-align
Open

      vertical-align: top;

Properties should be ordered display, margin-bottom
Open

        margin-bottom: 0;

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

        > * {

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

        li {

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

        .closed::before {

Properties should be ordered content, cursor, font-family, -moz-osx-font-smoothing, -webkit-font-smoothing, margin-left, position
Open

          cursor: pointer;

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

  .description li p {

Properties should be ordered background, padding
Open

    padding: rem-calc(16);

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

      transition: background 0.25s ease-out, background 0.25s ease-out;

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

      span {

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

        .draft-index {

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

      ul:first-child {

Prefer single quoted strings
Open

          content: "\58";

Properties should be ordered padding, position
Open

      position: relative;

Properties should be ordered color, font-size
Open

    font-size: $small-font-size;

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

      .quiz-header-title {

Properties should be ordered list-style, position
Open

    position: relative;

Properties should be ordered border, display, font-size, height, left, line-height, pointer-events, position, text-align, top, user-select, width
Open

      position: absolute;

Properties should be ordered font-style, vertical-align
Open

        vertical-align: inherit;

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

      .see-changes {

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

        > * {

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

      color: #696969;

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

      background: #f2f2f2;

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

      .icon-comments {

Properties should be ordered color, line-height, vertical-align
Open

        line-height: 0;

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

      &:hover {

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

      select {

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

        .draft-index {

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

      ul {

Prefer single quoted strings
Open

          font-family: "icons";

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

      table {

!important should not be used
Open

        font-family: "icons" !important;

Properties should be ordered font-size, font-weight, text-transform
Open

      text-transform: uppercase;

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

    color: #6d6d6d;

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

      background: #ccdbe6;

Merge rule .control input with rule on line 241
Open

    .control input {

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

      transition: background 0.25s ease-out, background 0.25s ease-out;

Merge rule .control input:checked ~ .control-indicator with rule on line 241
Open

    .control input:checked ~ .control-indicator {

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

      .icon-banner {

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

      ul:first-child {

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

      table {

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

      .icon-debates {

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

      a {

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

      color: #555;

Properties should be ordered opacity, position, z-index
Open

      position: absolute;

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

    .control input:checked ~ .control-indicator {

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

      ul {

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

          .panel-title {

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

        background: #fafafa;

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

      .comment-box {

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

        padding: rem-calc(4);

Properties should be ordered background, border-left, border-right, border-top, display, font-size, padding, width
Open

            border-top: 1px solid #d0d0d0;

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

              color: #87a3b9;

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

              .comment-expand {

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

      span {

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

        color: #999;

Prefer single quoted strings
Open

        content: "\63";

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

      h4 {

Properties should be ordered padding, position
Open

  position: relative;

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

      span {

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

      .see-changes {

Prefer single quoted strings
Open

          font-family: "icons";

Properties should be ordered display, filter, transform
Open

            transform: rotate(-90deg);

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

      .show-comments {

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

        p {

Merge rule .calc-comments with rule on line 508
Open

    .calc-comments {

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

      .comments-box-container {

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

            background: #dfdfdf;

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

          textarea {

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

      &::before {

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

      .icon-expand {

Merge rule .icon-expand with rule on line 803
Open

      .icon-expand {

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

      .icon-comments {

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

        > * {

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

        .open::before {

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

      h3 {

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

        border-bottom: 1px solid #d4d4d4;

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

          .icon-banner::before,

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

        .comment-input {

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

          .comment-advice {

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

            a {

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

            border-left: 1px solid #d0d0d0;

Properties should be ordered color, display, font-size, text-decoration
Open

              text-decoration: underline;

Properties should be ordered color, content
Open

                  content: "|";

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

              color: #838383;

Properties should be ordered color, display, float
Open

              float: right;

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

                &::after {

Properties should be ordered display, font-size, margin-left
Open

    margin-left: rem-calc(16);

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

      .icon-debates {

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

      .icon-angle-right {

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

    .radio .control-indicator {

Properties should be ordered background, color, font-size, font-weight, padding, text-transform
Open

      text-transform: uppercase;

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

      h3 {

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

        .draft-panel {

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

        .publish-comment {

Properties should be ordered font-size, line-height
Open

              line-height: 1.5;

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

          .comment-meta {

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

                &::after {

Prefer single quoted strings
Open

                  content: "|";

Properties should be ordered color, line-height, margin-left, text-decoration, vertical-align
Open

        text-decoration: none;

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

      background-color: rgba(217, 216, 243, 0.2);

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

      h4 {

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

      a {

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

      background: #ccdbe5;

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

    .control input {

Properties should be ordered color, font-size, font-style, line-height, margin-left, vertical-align
Open

      margin-left: rem-calc(4);

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

      .icon-comments {

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

      .anchor::before {

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

        .draft-panel {

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

            .cancel-comment {

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

      &:active,

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

      &:active,

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

      span {

Properties should be ordered color, content, display, left, position
Open

        display: none;

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

      .show-comments {

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

        .comment-header {

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

          padding-bottom: rem-calc(64);

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

            border-left: 1px solid #d0d0d0;

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

            border-bottom: 1px solid #d0d0d0;

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

      span {

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

      .icon-expand {

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

            border-top: 1px solid #d0d0d0;

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

            border-right: 1px solid #d0d0d0;

Prefer single quoted strings
Open

                  content: "|";

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

              .comment-votes-number {

Properties should be ordered content, margin-right
Open

        margin-right: rem-calc(4);

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

      span {

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

    .expand-context a {

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

    padding: rem-calc(16);

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

      .icon-expand,

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

          color: #696969;

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

        .comment {

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

          .comment-text {

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

            p {

Properties should be ordered content, margin-left
Open

                  margin-left: rem-calc(4);

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

        color: #999;

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

                  color: #838383;

Prefer single quoted strings
Open

        content: "—";

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

    background: #fafafa;

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

      .icon-expand {

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

      &:active,

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

        summary {

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

            .icon-proposals {

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

              color: #87a3b9;

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

        text-decoration: none;

Properties should be ordered background, border, margin-bottom, padding, width
Open

        width: 105%;

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

        summary {

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

        background: #f9f9f9;

Properties should be ordered border-bottom, border-left, border-radius, border-right, box-shadow, height, margin-bottom, width
Open

            border-radius: 0;

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

          padding-bottom: calc(#{$line-height} / 2);

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

            .comment-votes {

Properties should be ordered display, margin-right
Open

                margin-right: rem-calc(4);

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

      .icon-expand,

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

          .anchor::before {

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

      .comment-box {

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

          a .icon-expand {

Properties should be ordered color, float, font-size
Open

            font-size: $small-font-size;

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

            border-right: 1px solid #d0d0d0;

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

          .comment-actions {

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

            .comment-more-info {

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

      .icon-expand {

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

    background: #fafafa;

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

      .anchor::before {

Prefer single quoted strings
Open

        content: "#";

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

        &:hover,

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

        border-left: 1px solid #d4d4d4;

Properties should be ordered border-bottom, margin-bottom, padding-bottom
Open

          padding-bottom: rem-calc(8);

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

              &:last-child {

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

      .icon-external {

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

        color: #999;

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

      span {

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

      background-color: rgba(217, 216, 243, 0.2);

Properties should be ordered color, display, font-size, font-weight, line-height, padding, text-align, text-transform
Open

          line-height: 1;

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

        .button {

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

        .comments-wrapper {

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

      .icon-external {

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

    border: 1px solid #dee0e3;

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

        text-decoration: none;

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

    border: 1px solid #dee0e3;

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

      span {

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

      .icon-expand {

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

      .icon-comments {

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

      > :first-child {

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

      a {

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

          h3 {

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

      &::-webkit-details-marker {

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

      background: #f2f2f2;

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

      .comments-box-container {

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

              .comment-replies {

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

    padding: rem-calc(16);

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

      .icon-expand {

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

      &:active,

Prefer single quoted strings
Open

        $margin: rem-calc(map-get($grid-column-gutter, "medium"));

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

      &:not([open]) {

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

            color: #838383;

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

              color: #838383;

There are no issues that match your filters.

Category
Status