consul/consul

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

Summary

Maintainability
Test Coverage

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

      transition: left 0.5s ease;

Prefer single quoted strings
Open

        content: "|";

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

      &:last-child::after {

Merge rule .callout with rule on line 986
Open

.callout {

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

  background: #00a5f1;

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

  background: #ecf7fc;

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

    color: #2f2f33;

Color literals like rgba(70, 219, 145, 0.3) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

      background: rgba(70, 219, 145, 0.3);

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

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

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

      &.is-active {

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

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);

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

      &::after {

Merge rule .button.button-google with rule on line 122
Open

.button.button-google {

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

      color: #fff;

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

  background: #43ac6a;

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

  background: #fafafa;

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

    .card .orbit {

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

      a {

Merge rule .carousel-image .orbit-wrapper img with rule on line 1929
Open

  .carousel-image .orbit-wrapper img {

Merge rule .button.float-right ~ .button.float-right with rule on line 122
Open

.button.float-right ~ .button.float-right {

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

  padding: 0.6em;

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

    background: #f8f9fb;

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

  border-left: 3px solid #45b0e3;

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

    color: #40a2d1;

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

  background: #08c;

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

    color: #43d854;

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

    .comment-form form {

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

  .card .orbit .orbit-wrapper .truncate {

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

  font-size: calc(0.25em + Max(0.75em, 0.75vw));

!important should not be used
Open

  display: inline !important;

Prefer single quoted strings
Open

        content: "";

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

    background: #f8f8f8;

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

  line-height: rem-calc(32);

Prefer single quoted strings
Open

      content: "\43";

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

    color: #40a2d1;

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

      background: rgba(70, 219, 145, 0.3);

Color literals like rgba(45, 144, 248, 0.15) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

      background: rgba(45, 144, 248, 0.15);

Properties should be ordered font-size, margin-bottom, margin-top, min-height
Open

      margin-top: 0;

Merge rule .button.hollow.error with rule on line 122
Open

.button.hollow.error {

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

  > * {

!important should not be used
Open

    text-decoration: none !important;

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

  color: rgba(0, 0, 0, 0.4);

Prefer single quoted strings
Open

    content: "";

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

  background: #43d854;

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

    opacity: 0.5;

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

      p {

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

      &::after {

Merge rule .button.button-twitter with rule on line 122
Open

.button.button-twitter {

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

  background: #45b0e3;

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

  border-left: 3px solid #2f2f33;

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

  color: rgba(255, 255, 255, 0.5);

Merge rule .card .orbit .orbit-wrapper .truncate with rule on line 1864
Open

  .card .orbit .orbit-wrapper .truncate {

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

      .orbit-wrapper {

!important should not be used
Open

    height: $line-height !important;

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

  background: #1abc9c;

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

    background: #f6f6f6;

0.8 should be written without a leading zero as .8
Open

      opacity: 0.8;

Prefer single quoted strings
Open

        content: "|";

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

    color: #45b0e3;

Merge rule .button.button-wordpress with rule on line 122
Open

.button.button-wordpress {

Selector ssb-whatsapp_app should be written in lowercase with hyphens
Open

.ssb-whatsapp_app {

Properties should be ordered margin-top, overflow, padding
Open

    padding: calc(#{$line-height} / 4) 0;

Merge rule .button.hollow with rule on line 122
Open

.button.hollow {

Properties should be ordered flex, max-width, min-width
Open

      min-width: $side-menu-min-width;

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

  h1 a {

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

  background: #43ac6a;

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

  background: #dcdde3;

!important should not be used
Open

    display: none !important;

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

      border-left: 1px solid #ececec;

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

      .orbit-bullets {

Properties should be ordered border, margin-right, max-height, padding
Open

      padding: $line-height;

!important should not be used
Open

    float: right !important;

Merge rule .logo a with rule on line 683
Open

  .logo a {

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

  background: #e38d83;

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

        color: #43ac6a;

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

      a {

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

  .carousel-image .orbit-wrapper img {

Property color already defined on line 138
Open

    color: var(--anchor-color-hover, $hover-color);

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

  .top-bar {

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

    ul li {

Prefer single quoted strings
Open

    content: "\4d";

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

  background: #f08a24;

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

  background: #fcedea;

Selector ssb-whatsapp_app should be written in lowercase with hyphens
Open

  .ssb-telegram,

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

      background: #43ac6a;

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

    border-top: 1px solid #ddd;

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

      .collapse-children {

0.15 should be written without a leading zero as .15
Open

      background: rgba(45, 144, 248, 0.15);

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

      .orbit-wrapper {

Prefer single quoted strings
Open

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

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

      box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);

Merge rule .tabs-title > a with rule on line 342
Open

  .tabs-title > a {

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

        [for="show_menu"]::after {

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

    border-bottom: 1px solid #fff;

Prefer single quoted strings
Open

      content: "|";

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

  color: #fff;

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

  background: #3b5998;

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

  border-left: 3px solid #de4c34;

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

      .show-children {

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

    a img {

!important should not be used
Open

    font-family: "Lato" !important;

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

    background: #fff;

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

    color: #3b5998;

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

  background: #fafafa;

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

    .card a {

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

        transition-duration: 0.3s;

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

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 1) 100%);

Merge rule html with rule on line 33
Open

html {

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

      color: #d4a26d;

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

  color: #000;

Merge rule .button.button-facebook with rule on line 122
Open

.button.button-facebook {

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

    color: #de4c34;

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

  color: rgba(255, 255, 255, 0.5);

Properties should be ordered font-weight, margin
Open

    margin: 0;

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

  color: rgba(0, 0, 0, 0.4);

!important should not be used
Open

    font-family: "icons" !important;

Properties should be ordered color, font-size
Open

    font-size: $small-font-size;

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

  border-left: 3px solid #3b5998;

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

        background-color: #fff;

Color literals like rgba(255, 241, 204, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

      background: rgba(255, 241, 204, 1);

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);

Prefer single quoted strings
Open

          content: "";

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

  background: #ebeef4;

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

    color: #354f88;

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

  opacity: 0.4;

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

      border: 1px solid #ececec;

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

      .orbit-wrapper {

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

      .orbit-bullets {

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

      .orbit-wrapper {

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

      color: #4f4f4f;

0.15 should be written without a leading zero as .15
Open

      box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);

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

      &.description {

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 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);

Properties should be ordered bottom, color, font-size, line-height, padding, position, text-transform, width, z-index
Open

    text-transform: uppercase;

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;

Merge rule .button with rule on line 122
Open

.button {

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

      .figure-card img {

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

      .figure-card img {

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

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 1) 100%);

0.15 should be written without a leading zero as .15
Open

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);

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

      .figure-card img {

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

    color: #fff;

0.01 should be written without a leading zero as .01
Open

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 1) 100%);

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

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 1) 100%);

Properties should be ordered background, clip-path, height, margin-top
Open

    clip-path: ellipse(60% 80% at 50% 0%);

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

      .figure-card img {

Properties should be ordered float, margin-right, width
Open

      width: 30%;

There are no issues that match your filters.

Category
Status