YetiForceCompany/YetiForceCRM

View on GitHub
public_html/layouts/basic/styles/layout/_Nav.scss

Summary

Maintainability
Test Coverage

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

            &:hover {

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

            .fa {

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

            &__rail-x:hover {

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

                margin-right: 0.4rem;

Merge rule > .nav-item > .nav-link with rule on line 281
Open

        > .nav-item > .nav-link {

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

            .iconModule {

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

            .dropdown-toggle {

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

                display: block;

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

    @include media-breakpoint-down(sm) {

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

            transition: background-color 0.2s ease;

Line should be indented with spaces, not tabs
Open

    &__item {

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

            &.collapsed {

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

            a {

Selector tpl-menu-SubMenu should be written in lowercase with hyphens
Open

            @at-root .tpl-menu-SubMenu & {

Begin pseudo elements with double colons: ::
Open

        &:before {

0.35 should be written without a leading zero as .35
Open

                @include u-transition((left 0.35s ease-in-out 0.35s));

Use // comments everywhere
Open

/* {[The file is published on the basis of YetiForce Public License 6.5 that can be found in the following directory: licenses/LicenseEN.txt or yetiforce.com]} */

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

            &:hover,

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

            .fa,

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

                position: absolute;

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

                padding-right: 0.8rem !important;

Properties should be ordered height, position, width
Open

        width: 100%;

Selector basePanel should be written in lowercase with hyphens
Open

        .basePanel,

Line should be indented with spaces, not tabs
Open

    .c-menu {

Line should be indented with spaces, not tabs
Open

    .c-menu {

Selector hasIcon should be written in lowercase with hyphens
Open

            &.hasIcon img {

!important should not be used
Open

                padding-right: 0.8rem !important;

!important should not be used
Open

                background-color: transparent !important;

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

            &__rail-y:hover {

Properties should be ordered font-size, height, min-width
Open

        min-width: calculate-rem(42px);

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

        > .nav-item > .nav-link {

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

                position: relative;

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

            .dropdown-toggle {

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

            .c-badge--top-right {

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

            &.active {

Selector hasIcon should be written in lowercase with hyphens
Open

                &.hasIcon {

Begin pseudo elements with double colons: ::
Open

        &.mdi:before {

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

            &.active {

Properties should be ordered border, content, position, right, top, width, z-index
Open

                content: "";

Line should be indented with spaces, not tabs
Open

    &--gray {

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

            .nav-link {

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

                border-radius: 0 0 0.25rem 0.25rem;

Line should be indented with spaces, not tabs
Open

    overflow: hidden;

!important should not be used
Open

        background: #5cb85c !important;

Rule declaration should be followed by an empty line
Open

    }

Begin pseudo elements with double colons: ::
Open

    li.c-process-line__next > a:after {

Line should be indented with spaces, not tabs
Open

    li.c-process-line__active > a {

!important should not be used
Open

        border-color: #5bc0de !important;

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

        color: #fff !important;

Properties should be ordered align-items, background, border-radius, display, font-size, line-height, padding, position, vertical-align, width, word-wrap
Open

            display: inline-flex;

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

            .c-menu__item__text {

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

            &:not(.collapsed) {

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

            @at-root .tpl-menu-SubMenu & {

Line should be indented with spaces, not tabs
Open

    &__header {

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

            .c-badge--top-right {

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

            &.show .dropdown-toggle,

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

            .nav-link {

Selector c-tab__text should be written in lowercase with hyphens
Open

            .c-tab__text {

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

                &:hover {

Line should be indented with spaces, not tabs
Open

    display: block;

Line should be indented with spaces, not tabs
Open

    margin-top: 10px;

Properties should be ordered border-bottom, border-left, border-top, content, display, height, left, position, top, width, z-index
Open

            content: " ";

!important should not be used
Open

                border-bottom: 20px solid transparent !important;

!important should not be used
Open

                top: 0 !important;

!important should not be used
Open

                border-top: 20px solid transparent !important;

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

                border-top: 20px solid transparent !important;

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

        color: #fff !important;

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

        border-left: 20px solid #5cb85c;

Properties should be ordered background, color
Open

                    color: $bg-sub-menu;

Line should be indented with spaces, not tabs
Open

    &__body {

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

            &__rail-y,

Rule declaration should be followed by an empty line
Open

        }

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

            span {

Properties should be ordered margin-left, position
Open

                position: inherit;

Properties should be ordered background, border-radius, color
Open

            color: $color-rtabs-active;

!important should not be used
Open

                float: none !important;

Merge rule .related .dropdown-menu .nav-link with rule on line 277
Open

.related .dropdown-menu .nav-link {

Properties should be ordered align-items, display
Open

        display: flex;

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

                &.active {

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

    border: 0 solid #ccc !important;

Rule declaration should be preceded by an empty line
Open

    li {

!important should not be used
Open

                border-bottom: 20px solid transparent !important;

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    li.c-process-line__done > a {

Selector c-process-line__done should be written in lowercase with hyphens
Open

    li.c-process-line__done > a:after {

Selector c-process-line__next should be written in lowercase with hyphens
Open

    li.c-process-line__next > a:after {

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

        border-left: 20px solid #d6b200;

Properties should be ordered background, border-color, color
Open

        border-color: #5bc0de !important;

Properties should be ordered margin, padding
Open

            padding: 0;

Selector menuLabel should be written in lowercase with hyphens
Open

            .menuLabel > a {

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

            button {

Line should be indented with spaces, not tabs
Open

    &__item__icon {

Line should be indented with spaces, not tabs
Open

    &--small {

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

        @extend .c-tab--small;

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

            .nav-link {

Begin pseudo elements with double colons: ::
Open

        > a:before {

Rule declaration should be followed by an empty line
Open

        }

Line should be indented with spaces, not tabs
Open

    .c-menu {

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

    @include media-breakpoint-down(sm) {

Selector hasIcon should be written in lowercase with hyphens
Open

            &.hasIcon {

Merge rule &.hasIcon img with rule on line 101
Open

            &.hasIcon img {

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

            &:not(.is-submenu-toggler) {

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

        background-color: #406a95;

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

                padding: 0.5rem 1rem;

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

                &:hover {

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

            > .nav-link {

Properties should be ordered background, float, margin
Open

                margin: 0;

Line should be indented with spaces, not tabs
Open

    border-radius: 5px;

!important should not be used
Open

        color: #fff !important;

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

        background: #5bc0de !important;

Line should be indented with spaces, not tabs
Open

    &__container {

Properties should be ordered cursor, text-decoration
Open

                text-decoration: none;

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

                font-size: calculate-rem(14px);

0.375 should be written without a leading zero as .375
Open

                padding: 0.375rem 1.875rem 0.375rem 0.8rem;

0.375 should be written without a leading zero as .375
Open

                padding: 0.375rem 1.875rem 0.375rem 0.8rem;

Rule declaration should be followed by an empty line
Open

        }

0.35 should be written without a leading zero as .35
Open

                @include u-transition((left ease-in-out 0.35s));

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

            .iconModule {

!important should not be used
Open

            width: auto !important;

Line should be indented with spaces, not tabs
Open

    .dropdown.tabdrop.hide {

Line should be indented with spaces, not tabs
Open

    list-style: none;

Line should be indented with spaces, not tabs
Open

    li {

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 #ddd should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            border-left: 20px solid #ddd;

Begin pseudo elements with double colons: ::
Open

            > a:before {

Rule declaration should be followed by an empty line
Open

            }

Line should be indented with spaces, not tabs
Open

    li:first-child a {

!important should not be used
Open

        border-color: #5cb85c !important;

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

        background: #d6b200 !important;

Avoid qualifying class selectors with an element.
Open

    li.c-process-line__active > a {

Line should be indented with spaces, not tabs
Open

    @include media-breakpoint-down(sm) {

Properties should be ordered background, bottom, color, left, position, top, width, z-index
Open

        position: fixed;

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

    @include media-breakpoint-down(sm) {

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

            &.hasIcon {

Properties should be ordered overflow, padding, position, text-overflow, text-rendering, white-space, word-wrap
Open

                padding: calculate-rem(2px) 0;

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

            &.hasIcon img {

Selector tpl-menu-SubMenu should be written in lowercase with hyphens
Open

        .tpl-menu-SubMenu,

Properties should be ordered display, font-size, margin-bottom, margin-right, margin-top
Open

                margin-right: 0.4rem;

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

            > .nav-link {

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

            .c-tab__text {

Line should be indented with spaces, not tabs
Open

    @extend .dropdown-item;

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

            &:not(.active) {

Line should be indented with spaces, not tabs
Open

    .dropdown.tabdrop {

!important should not be used
Open

        color: #fff !important;

Line should be indented with spaces, not tabs
Open

    li.c-process-line__next > a:after {

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    @include media-breakpoint-down(sm) {

Avoid vendor prefixes.
Open

        width: -webkit-fill-available;

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

            &.show .dropdown-toggle,

!important should not be used
Open

                border-bottom-color: transparent !important;

Properties should be ordered background, border, border-radius, border-top, color
Open

                    color: #495057;

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

                    background: #f8f9fa;

Properties should be ordered border, border-radius, display, list-style, margin-top, overflow, padding
Open

    display: block;

Properties should be ordered background, border-radius, color, display, float, outline-style, padding, position, text-decoration
Open

            color: #999;

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

    }

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

        color: #fff !important;

!important should not be used
Open

        background: #d6b200 !important;

Line should be indented with spaces, not tabs
Open

    @include media-breakpoint-down(sm) {

Selector c-menu__item__text should be written in lowercase with hyphens
Open

            .c-menu__item__text {

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

            .menuLabel > a {

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

            .menuLabel > a {

Properties should be ordered background-color, height, padding-left, padding-right
Open

        height: $h-header;

0.35 should be written without a leading zero as .35
Open

                @include u-transition((left 0.35s ease-in-out 0.35s));

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

            span {

Selector iconModule should be written in lowercase with hyphens
Open

            .iconModule {

Merge rule .dropdown.tabdrop.hide with rule on line 421
Open

    .dropdown.tabdrop.hide {

0.85 should be written without a leading zero as .85
Open

                font-size: 0.85em;

Line should be indented with spaces, not tabs
Open

    li.c-process-line__active > a:after {

Line should be indented with spaces, not tabs
Open

    border: 0 solid #ccc !important;

Prefer single quoted strings
Open

            content: " ";

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

                border-top: 20px solid transparent !important;

Avoid qualifying class selectors with an element.
Open

    li.c-process-line__done > a {

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

        border-color: #5cb85c !important;

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

        background: #5cb85c !important;

Line should be indented with spaces, not tabs
Open

    li.c-process-line__done > a:after {

Merge rule li.c-process-line__next > a with rule on line 468
Open

    li.c-process-line__next > a {

Line should be indented with spaces, not tabs
Open

    li.c-process-line__next > a {

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

            transition: background-color 0.2s ease;

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

                text-transform: uppercase;

Selector ps__thumb-x should be written in lowercase with hyphens
Open

                > .ps__thumb-x {

Line should be indented with spaces, not tabs
Open

    .nav-pills {

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

            .nav-item {

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

            .nav-link {

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

            &.active:after {

Line should be indented with spaces, not tabs
Open

    &--hover:hover {

Selector dashboardViewContainer should be written in lowercase with hyphens
Open

.dashboardViewContainer {

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

                border-radius: 0 0 0.25rem 0.25rem;

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

                    border: 1px solid #dee2e6;

Avoid qualifying class selectors with an element.
Open

ul.c-process-line {

Properties should be ordered border-bottom, border-left, border-top, content, display, height, left, margin-left, position, top, width, z-index
Open

            content: " ";

Color white should be written in hexadecimal form as #ffffff
Open

            border-left: 24px solid white;

Rule declaration should be followed by an empty line
Open

        }

Avoid qualifying class selectors with an element.
Open

    li.c-process-line__next > a:after {

Properties should be ordered font-size, margin-right, padding-left, padding-right
Open

                margin-right: calculate-rem(12px);

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

            position: relative;

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

            .toggler {

Rule declaration should be followed by an empty line
Open

        }

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

                border: 1px solid #fff;

Selector c-process-line__done should be written in lowercase with hyphens
Open

    li.c-process-line__done > a {

Properties should be ordered background, border-color, color
Open

        border-color: #5cb85c !important;

Merge rule li.c-process-line__active > a with rule on line 468
Open

    li.c-process-line__active > a {

!important should not be used
Open

        color: #fff !important;

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

                margin-left: 0.25rem;

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

    @extend .dropdown-item;

Line should be indented with spaces, not tabs
Open

    .dropdown-menu {

Properties should be ordered border, border-radius, border-top, font-size
Open

                border-top: 0;

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

                    border: 1px solid #dee2e6;

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

                        background: #dee2e6;

!important should not be used
Open

    border: 0 solid #ccc !important;

Begin pseudo elements with double colons: ::
Open

        > a:after {

Prefer single quoted strings
Open

            content: " ";

!important should not be used
Open

                border-top: 20px solid transparent !important;

Rule declaration should be followed by an empty line
Open

    }

Merge rule li.c-process-line__next > a:after with rule on line 468
Open

    li.c-process-line__next > a:after {

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

        border-color: #5bc0de !important;

!important should not be used
Open

        background: #5bc0de !important;

Merge rule .user-info--active.limited-footer--active with rule on line 2
Open

.user-info--active.limited-footer--active {

Selector hasIcon should be written in lowercase with hyphens
Open

            .fa,

Selector tpl-menu-Profile_submenu should be written in lowercase with hyphens
Open

        .tpl-menu-SubMenu,

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

                padding: 0.375rem 1.875rem 0.375rem 0.8rem;

Selector ps__thumb-y should be written in lowercase with hyphens
Open

                > .ps__thumb-y {

Line should be indented with spaces, not tabs
Open

    &--animation {

Properties should be ordered margin-right, position
Open

            position: relative;

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

            &:last-child {

Properties should be ordered background, color
Open

                color: $bg-rtabs;

Properties should be ordered max-height, max-width, overflow-x, overflow-y
Open

        overflow-y: auto;

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

        @extend .small;

!important should not be used
Open

                border-color: transparent !important;

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

                    border-radius: 0 0 0.25rem 0.25rem;

Merge rule li.c-process-line__done > a with rule on line 468
Open

    li.c-process-line__done > a {

Merge rule li.c-process-line__done > a:after with rule on line 468
Open

    li.c-process-line__done > a:after {

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

            .c-tab__text {

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

            background: #ddd;

Begin pseudo elements with double colons: ::
Open

            > a:after {

Begin pseudo elements with double colons: ::
Open

    li.c-process-line__done > a:after {

Selector c-process-line__next should be written in lowercase with hyphens
Open

    li.c-process-line__next > a {

Selector c-process-line__active should be written in lowercase with hyphens
Open

    li.c-process-line__active > a:after {

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

            .nav-item {

!important should not be used
Open

                display: inline !important;

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

        @extend .small;

Line should be indented with spaces, not tabs
Open

    &--border {

Begin pseudo elements with double colons: ::
Open

            &.active:after {

Prefer single quoted strings
Open

                content: "";

Selector detailViewInfo should be written in lowercase with hyphens
Open

.detailViewInfo {

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

                    color: #495057;

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

                    border-radius: 0 0 0.25rem 0.25rem;

Rule declaration should be preceded by an empty line
Open

        > a {

Rule declaration should be followed by an empty line
Open

        }

Avoid qualifying class selectors with an element.
Open

    li.c-process-line__next > a {

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    .nav-inverted-tabs {

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

                    &:hover {

Line should be indented with spaces, not tabs
Open

    padding: 0;

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

            border-left: 24px solid white;

Avoid qualifying class selectors with an element.
Open

    li.c-process-line__done > a:after {

Properties should be ordered background, color
Open

        color: #fff !important;

Selector c-process-line__active should be written in lowercase with hyphens
Open

    li.c-process-line__active > a {

Begin pseudo elements with double colons: ::
Open

    li.c-process-line__active > a:after {

Avoid qualifying class selectors with an element.
Open

    li.c-process-line__active > a:after {

!important should not be used
Open

        border-left: 20px solid #5bc0de !important;

Merge rule li.c-process-line__active > a:after with rule on line 468
Open

    li.c-process-line__active > a:after {

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

        border-left: 20px solid #5bc0de !important;

There are no issues that match your filters.

Category
Status