YetiForceCompany/YetiForceCRM

View on GitHub
public_html/layouts/basic/styles/pages/_Detail.scss

Summary

Maintainability
Test Coverage

Line should be indented with spaces, not tabs
Open

    img {

Line should be indented with spaces, not tabs
Open

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

Properties should be ordered background, border-radius, -webkit-box-shadow, box-shadow, color, margin-top, min-width, padding, position
Open

            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

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

                    font-size: 0.75em;

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

    @extend .card;

Rule declaration should be followed by an empty line
Open

    }

Shorthand form for property padding should be written more concisely as calculate-rem(8px) calculate-rem(8px) 0 instead of calculate-rem(8px) calculate-rem(8px) 0 calculate-rem(8px)
Open

        padding: calculate-rem(8px) calculate-rem(8px) 0 calculate-rem(8px);

Properties should be ordered cursor, font-size, margin
Open

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

Line should be indented with spaces, not tabs
Open

    &--general-info {

Line should be indented with spaces, not tabs
Open

    @include media-breakpoint-up(md) {

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

        border-right: 1px solid #ddd;

Prefer single quoted strings
Open

        content: "";

Line should be indented with spaces, not tabs
Open

    &:before {

Begin pseudo elements with double colons: ::
Open

    &:before {

Begin pseudo elements with double colons: ::
Open

        &:after {

Prefer single quoted strings
Open

            content: " ";

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

            > {

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

                    .imageContainer {

Line should be indented with spaces, not tabs
Open

    @extend .card;

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

        @extend .py-0, .px-0, .mx-2;

Line should be indented with spaces, not tabs
Open

    &__toggle {

Name of mixin c-detail-widget__actions should be written in all lowercase letters with hyphens instead of underscores
Open

        @include c-detail-widget__actions(sm, md);

Selector detailViewTable should be written in lowercase with hyphens
Open

.detailViewTable {

Merge rule &:before with rule on line 63
Open

    &:before {

Selector imageContainer should be written in lowercase with hyphens
Open

                .imageContainer {

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

        @extend .card-header;

Rule declaration should be followed by an empty line
Open

    }

Selector summaryView should be written in lowercase with hyphens
Open

.summaryView {

Line should be indented with spaces, not tabs
Open

    &.fa {

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

                        .userImage {

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

                            border: 2px solid #d2d6de;

Selector userImage should be written in lowercase with hyphens
Open

                            .userImage {

Selector imageContainer should be written in lowercase with hyphens
Open

                    .imageContainer {

Line should be indented with spaces, not tabs
Open

    margin-bottom: calculate-rem(8px);

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

        @extend .table, .mb-0;

Rule declaration should be followed by an empty line
Open

    }

Selector c-table__action--hover should be written in lowercase with hyphens
Open

        .c-table__action--hover {

Line should be indented with spaces, not tabs
Open

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

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

        @extend .border-top;

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

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

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

                    padding-left: 0;

Line should be indented with spaces, not tabs
Open

    .detailViewButtoncontainer {

Line should be indented with spaces, not tabs
Open

    &__header__container {

Avoid vendor prefixes.
Open

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

Line should be indented with spaces, not tabs
Open

    border: 1px solid #eaeaea;

Line should be indented with spaces, not tabs
Open

    -webkit-box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    .fieldsLabelValue:last-child::after {

Prefer single quoted strings
Open

        content: "";

Line should be indented with spaces, not tabs
Open

    list-style: none;

Selector PreferenceDetailViewHeader should be written in lowercase with hyphens
Open

.PreferenceDetailViewHeader {

Use // comments everywhere
Open

            /*for IE*/

Selector fieldLabel should be written in lowercase with hyphens
Open

    .fieldLabel {

Line should be indented with spaces, not tabs
Open

    position: relative;

Properties should be ordered background, border-radius, bottom, content, left, margin, position, top, width
Open

        content: "";

Line should be indented with spaces, not tabs
Open

    > li {

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

            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

Selector detailViewButtoncontainer should be written in lowercase with hyphens
Open

    .detailViewButtoncontainer {

Name of mixin c-detail-widget__actions should be written in all lowercase letters with hyphens instead of underscores
Open

        @include c-detail-widget__actions(lg, xl);

opacity=100 should be written with a single space on each side of the operator: opacity = 100
Open

            filter: alpha(opacity=100);

Selector o-detail__record-img should be written in lowercase with hyphens
Open

.o-detail__record-img {

Begin pseudo elements with double colons: ::
Open

    &:before {

Line should be indented with spaces, not tabs
Open

    &:before {

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

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

Selector userImage should be written in lowercase with hyphens
Open

                        .userImage {

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

                        padding-left: calculate-rem(44px);

Line should be indented with spaces, not tabs
Open

    p {

Rule declaration should be followed by an empty line
Open

    }

Name of mixin c-detail-widget__actions should be written in all lowercase letters with hyphens instead of underscores
Open

        @include c-detail-widget__actions(md, lg);

Use // comments everywhere
Open

            /*for IE*/

Prefer single quoted strings
Open

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

Properties should be ordered border-right, content, float, height, left, position, top
Open

        content: "";

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

        background: #ddd;

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

                    > {

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

                @include media-breakpoint-up(sm) {

Line should be indented with spaces, not tabs
Open

    &__header__title {

Rule declaration should be followed by an empty line
Open

}

opacity=0 should be written with a single space on each side of the operator: opacity = 0
Open

            filter: alpha(opacity=0);

Selector moduleIcon should be written in lowercase with hyphens
Open

.moduleIcon:not(.o-detail__record-img) {

Line should be indented with spaces, not tabs
Open

    .fieldLabel {

Properties should be ordered padding-bottom, position
Open

        position: relative;

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

                        @include media-breakpoint-up(sm) {

Unnecessary parent selector (&)
Open

    & > .col-md-4 {

!important should not be used
Open

            vertical-align: middle !important;

Properties should be ordered -ms-filter, filter, opacity
Open

            opacity: 1;

Prefer single quoted strings
Open

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

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

    border: 1px solid #eaeaea;

Line should be indented with spaces, not tabs
Open

    border-radius: 2px;

!important should not be used
Open

        min-height: calculate-rem(56px) !important;

Properties should be ordered -moz-box-sizing, -webkit-box-sizing, box-sizing, word-wrap
Open

    -webkit-box-sizing: border-box;

Avoid vendor prefixes.
Open

    -moz-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    box-sizing: border-box;

Selector commentsList should be written in lowercase with hyphens
Open

.commentsList > ul {

Selector commentActionsDiv should be written in lowercase with hyphens
Open

    .commentActionsDiv p {

Avoid vendor prefixes.
Open

    -moz-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    @include media-breakpoint-down(sm) {

Selector fieldsLabelValue should be written in lowercase with hyphens
Open

    .fieldsLabelValue:last-child::after {

Properties should be ordered font-size, list-style, margin, padding, position
Open

    position: relative;

Prefer single quoted strings
Open

            content: " ";

Properties should be ordered clear, content, display
Open

            content: " ";

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

            background: #fbfbfb;

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

            @extend .mr-1;

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]} */

Selector o-detail__icon should be written in lowercase with hyphens
Open

.o-detail__icon {

Selector fieldRow should be written in lowercase with hyphens
Open

    .fieldRow {

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

            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

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

                            .userImage {

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

        @include media-breakpoint-down(sm) {

Line should be indented with spaces, not tabs
Open

    box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    word-wrap: break-word;

Selector c-detail-widget__table should be written in lowercase with hyphens
Open

    .c-detail-widget__table tr.summaryViewEntries:last-child {

Selector toggleViewByMode should be written in lowercase with hyphens
Open

    .toggleViewByMode {

Line should be indented with spaces, not tabs
Open

    background: #fff;

Line should be indented with spaces, not tabs
Open

    .contentHeader {

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

        background: #fff;

Line should be indented with spaces, not tabs
Open

    -webkit-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    -moz-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

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

Begin pseudo elements with double colons: ::
Open

        &:before {

Line should be indented with spaces, not tabs
Open

    display: none;

Avoid vendor prefixes.
Open

            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

Line should be indented with spaces, not tabs
Open

    .fieldRow {

Line should be indented with spaces, not tabs
Open

    margin: 0;

Rule declaration should be preceded by an empty line
Open

            > {

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

                .timeline-body {

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

                .imageContainer {

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

                    .timeline-body {

Line should be indented with spaces, not tabs
Open

    &__table {

Properties should be ordered padding-right, position
Open

        position: relative;

Line should be indented with spaces, not tabs
Open

    &__content {

Line should be indented with spaces, not tabs
Open

    & > .col-md-6 {

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

        @extend .mb-0;

Line should be indented with spaces, not tabs
Open

    & > .col-md-4 {

Selector c-table__action--hover should be written in lowercase with hyphens
Open

            .c-table__action--hover {

Line should be indented with spaces, not tabs
Open

    & > .col-md-12 {

Line should be indented with spaces, not tabs
Open

    &__row--hover {

Properties should be ordered background, border, border-radius, -moz-box-shadow, -webkit-box-shadow, box-shadow, -moz-box-sizing, -webkit-box-sizing, box-sizing, margin-bottom, padding, word-wrap
Open

    border: 1px solid #eaeaea;

Line should be indented with spaces, not tabs
Open

    padding: 0;

Line should be indented with spaces, not tabs
Open

    @include media-breakpoint-down(sm) {

Line should be indented with spaces, not tabs
Open

    &__header {

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

        @extend .card-body;

Selector c-table__action--hover should be written in lowercase with hyphens
Open

        &:hover .c-table__action--hover {

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

            color: #444;

Properties should be ordered border, border-radius, font-size, height, margin, padding, width
Open

                            margin: 0 auto;

Properties should be ordered height, width
Open

                                width: calculate-rem(40px);

Unnecessary parent selector (&)
Open

    & > .col-md-6 {

Unnecessary parent selector (&)
Open

    & > .col-md-12 {

Properties should be ordered -ms-filter, filter, opacity
Open

            opacity: 0;

Avoid vendor prefixes.
Open

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

Line should be indented with spaces, not tabs
Open

    border-radius: 2px;

Line should be indented with spaces, not tabs
Open

    .c-detail-widget__table tr.summaryViewEntries:last-child {

Selector fieldValue should be written in lowercase with hyphens
Open

        .fieldValue,

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;

Properties should be ordered border-top, padding, vertical-align, width
Open

            vertical-align: top;

Selector summaryWidgetContainer should be written in lowercase with hyphens
Open

.summaryWidgetContainer {

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

                background: #f7f7f9;

Selector commentDetails should be written in lowercase with hyphens
Open

    .commentsList > .liStyleNone > .commentDetails .comment-div {

Begin pseudo elements with double colons: ::
Open

        .q-message-sent .q-message-text:last-child:before {

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

    -webkit-box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    margin-bottom: calculate-rem(10px);

Selector fieldLabel should be written in lowercase with hyphens
Open

        .fieldValue,

Selector fieldValue should be written in lowercase with hyphens
Open

        .fieldValue {

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;

Line should be indented with spaces, not tabs
Open

    .toggleViewByMode {

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

    -moz-box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    padding: calculate-rem(15px);

Selector commentTitle should be written in lowercase with hyphens
Open

.commentContainer .commentTitle {

Avoid vendor prefixes.
Open

    -moz-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    margin-bottom: calculate-rem(10px);

Line should be indented with spaces, not tabs
Open

    .table {

Properties should be ordered -moz-box-sizing, -webkit-box-sizing, box-sizing, min-height, overflow-x, overflow-y, padding, resize, word-wrap
Open

        min-height: calculate-rem(56px) !important;

Line should be indented with spaces, not tabs
Open

    padding-left: 0;

Avoid vendor prefixes.
Open

        -webkit-box-sizing: border-box;

Avoid vendor prefixes.
Open

        -moz-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    padding: 0;

Avoid vendor prefixes.
Open

    -moz-box-shadow: 1px 1px 3px #ddd;

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

    box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    padding: calculate-rem(25px) calculate-rem(20px) calculate-rem(5px);

Line should be indented with spaces, not tabs
Open

    -moz-box-sizing: border-box;

Avoid qualifying class selectors with an element.
Open

    .c-detail-widget__table tr.summaryViewEntries:last-child {

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

            border-bottom: 1px solid #ddd;

Selector fieldLabel should be written in lowercase with hyphens
Open

        .fieldLabel {

Selector changeDetailViewMode should be written in lowercase with hyphens
Open

        .changeDetailViewMode {

Line should be indented with spaces, not tabs
Open

    box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    textarea {

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

    .commentsList > .liStyleNone > .commentDetails .comment-div {

Selector commentInfoContent should be written in lowercase with hyphens
Open

    .commentInfoContent {

Avoid vendor prefixes.
Open

    -webkit-box-sizing: border-box;

Selector recentComments should be written in lowercase with hyphens
Open

.recentComments {

Line should be indented with spaces, not tabs
Open

    margin: 0;

Line should be indented with spaces, not tabs
Open

    -webkit-box-sizing: border-box;

Avoid vendor prefixes.
Open

    -moz-box-sizing: border-box;

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

            border-right: 1px solid #ddd;

Use // comments everywhere
Open

            /*ie fix from 5px 0 5px 5%*/

Avoid vendor prefixes.
Open

    -moz-box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    -moz-box-sizing: border-box;

!important should not be used
Open

            white-space: normal !important;

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

    background: #fff;

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

            td,

Line should be indented with spaces, not tabs
Open

    &:hover .commentActions {

Selector commentActions should be written in lowercase with hyphens
Open

    &:hover .commentActions {

Avoid vendor prefixes.
Open

        -moz-box-sizing: border-box;

Selector fieldValue should be written in lowercase with hyphens
Open

        .fieldLabel,

Line should be indented with spaces, not tabs
Open

    .commentActions {

!important should not be used
Open

        margin: 0 !important;

Merge rule .singleComment with rule on line 346
Open

.singleComment {

Line should be indented with spaces, not tabs
Open

    .edited-status {

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

    @include media-breakpoint-down(md) {

Line should be indented with spaces, not tabs
Open

    word-wrap: break-word;

Selector summaryViewEntries should be written in lowercase with hyphens
Open

    .summaryViewEntries {

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

    border: 1px solid #eaeaea;

Line should be indented with spaces, not tabs
Open

    -webkit-box-sizing: border-box;

Properties should be ordered transition, transition-delay, visibility
Open

        visibility: hidden;

Line should be indented with spaces, not tabs
Open

    hr {

Selector liStyleNone should be written in lowercase with hyphens
Open

    .commentsList > .liStyleNone > .commentDetails .comment-div {

Line should be indented with spaces, not tabs
Open

    .commentInfoContent {

Line should be indented with spaces, not tabs
Open

    -webkit-box-sizing: border-box;

Properties should be ordered height, width
Open

        width: calculate-rem(32px);

Line should be indented with spaces, not tabs
Open

    box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    background: #fff;

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

        .fieldValue,

Properties should be ordered border-right, border-top, padding, vertical-align, width
Open

            vertical-align: top;

Line should be indented with spaces, not tabs
Open

    box-shadow: 1px 1px 3px #ddd;

Avoid vendor prefixes.
Open

    -webkit-box-sizing: border-box;

Selector contentHeader should be written in lowercase with hyphens
Open

    .contentHeader {

Selector commentDetails should be written in lowercase with hyphens
Open

    .commentDetails {

Properties should be ordered background, border-radius, -moz-box-sizing, -webkit-box-sizing, box-sizing, display, margin-bottom, width, word-wrap
Open

        width: 100%;

Begin pseudo elements with double colons: ::
Open

        .q-message-received .q-message-text:last-child:before {

Avoid vendor prefixes.
Open

    -webkit-box-sizing: border-box;

Selector summaryViewEntries should be written in lowercase with hyphens
Open

    .c-detail-widget__table tr.summaryViewEntries:last-child {

Selector commentContainer should be written in lowercase with hyphens
Open

.commentContainer .commentTitle {

Line should be indented with spaces, not tabs
Open

    word-wrap: break-word;

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

            td,

Selector singleComment should be written in lowercase with hyphens
Open

.singleComment {

Line should be indented with spaces, not tabs
Open

    border-radius: 2px;

Avoid vendor prefixes.
Open

        -moz-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    -moz-box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    -moz-box-sizing: border-box;

Avoid vendor prefixes.
Open

        -moz-box-sizing: border-box;

Selector recordEditView should be written in lowercase with hyphens
Open

.recordEditView {

Line should be indented with spaces, not tabs
Open

    .commentorInfo p {

Selector singleComment should be written in lowercase with hyphens
Open

.singleComment {

Line should be indented with spaces, not tabs
Open

    .commentActionsDiv p {

Selector detailViewInfo should be written in lowercase with hyphens
Open

.detailViewInfo {

Line should be indented with spaces, not tabs
Open

    margin-top: calculate-rem(5px);

Avoid vendor prefixes.
Open

    -webkit-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    .spanModuleIcon {

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

    -moz-box-shadow: 1px 1px 3px #ddd;

Properties should be ordered background, border, border-radius, -moz-box-shadow, -webkit-box-shadow, box-shadow, margin-bottom, padding
Open

    border-radius: 2px;

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

    box-shadow: 1px 1px 3px #ddd;

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

        tbody tr:hover {

Merge rule .commentContainer with rule on line 311
Open

.commentContainer {

Selector commentContainer should be written in lowercase with hyphens
Open

.commentContainer {

Line should be indented with spaces, not tabs
Open

    .commentDetails {

Properties should be ordered -moz-box-sizing, -webkit-box-sizing, box-sizing, margin, padding, word-wrap
Open

    margin: 0;

Line should be indented with spaces, not tabs
Open

    .details {

Line should be indented with spaces, not tabs
Open

    .detailViewTable .fieldValue:hover .js-detail-quick-edit {

Selector detailViewTable should be written in lowercase with hyphens
Open

    .detailViewTable .fieldValue:hover .js-detail-quick-edit {

Line should be indented with spaces, not tabs
Open

    &__container {

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

            .c-progress__link {

Properties should be ordered align-self, cursor, font-size, margin-right
Open

        cursor: pointer;

Avoid vendor prefixes.
Open

    -webkit-box-shadow: 1px 1px 3px #ddd;

Avoid vendor prefixes.
Open

    -webkit-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    .summaryViewEntries {

Selector commentActions should be written in lowercase with hyphens
Open

    .commentActions {

Line should be indented with spaces, not tabs
Open

    .commentsList > .liStyleNone > .commentDetails .comment-div {

Properties should be ordered -moz-box-sizing, -webkit-box-sizing, box-sizing, word-wrap
Open

        -webkit-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    a:hover {

Avoid vendor prefixes.
Open

        -moz-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    &__row {

Selector fieldValue should be written in lowercase with hyphens
Open

    .detailViewTable .fieldValue:hover .js-detail-quick-edit {

Line should be indented with spaces, not tabs
Open

    .hierarchy {

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

            background: white;

Line should be indented with spaces, not tabs
Open

    -moz-box-shadow: 1px 1px 3px #ddd;

Avoid vendor prefixes.
Open

    -webkit-box-shadow: 1px 1px 3px #ddd;

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

    -webkit-box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    margin-bottom: calculate-rem(10px);

Properties should be ordered -moz-box-sizing, -webkit-box-sizing, box-sizing, word-wrap
Open

        -webkit-box-sizing: border-box;

Selector fieldLabel should be written in lowercase with hyphens
Open

        .fieldLabel,

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

        transition-delay: 0.3s;

Selector commentsList should be written in lowercase with hyphens
Open

    .commentsList > .liStyleNone > .commentDetails .comment-div {

Avoid vendor prefixes.
Open

        -webkit-box-sizing: border-box;

Selector commentorInfo should be written in lowercase with hyphens
Open

    .commentorInfo p {

Selector addCommentBlock should be written in lowercase with hyphens
Open

    .addCommentBlock .commentcontent {

!important should not be used
Open

        padding: calculate-rem(7px) !important;

Avoid vendor prefixes.
Open

        -webkit-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    img {

Line should be indented with spaces, not tabs
Open

    @include media-breakpoint-down(md) {

Selector editStatus should be written in lowercase with hyphens
Open

    .editStatus {

Line should be indented with spaces, not tabs
Open

    &__card__label {

Line should be indented with spaces, not tabs
Open

    .detailViewTable .fieldValue .js-detail-quick-edit {

Line should be indented with spaces, not tabs
Open

    box-sizing: border-box;

Properties should be ordered margin-left, margin-top, position
Open

        position: absolute;

Selector o-detail__record-img should be written in lowercase with hyphens
Open

        &.o-detail__record-img {

Properties should be ordered background, border-radius, height, width
Open

            width: $progress-dot-size;

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

    padding: 0 0.25rem 0.25rem 0.25rem;

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

    background: #fff;

Line should be indented with spaces, not tabs
Open

    -webkit-box-shadow: 1px 1px 3px #ddd;

Line should be indented with spaces, not tabs
Open

    border: 1px solid #eaeaea;

Properties should be ordered -moz-box-sizing, -webkit-box-sizing, box-sizing, margin-bottom, word-wrap
Open

    -webkit-box-sizing: border-box;

Avoid vendor prefixes.
Open

        -webkit-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    .addCommentBlock .commentcontent {

Selector commentTitle should be written in lowercase with hyphens
Open

.commentTitle .col-md-1 {

Line should be indented with spaces, not tabs
Open

    word-wrap: break-word;

Line should be indented with spaces, not tabs
Open

    margin-left: 0;

Line should be indented with spaces, not tabs
Open

    a {

Line should be indented with spaces, not tabs
Open

    word-wrap: break-word;

Selector spanModuleIcon should be written in lowercase with hyphens
Open

    .spanModuleIcon {

Line should be indented with spaces, not tabs
Open

    .btn-toolbar,

Properties should be ordered background, content, height, left, position, top, width
Open

            content: "";

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

            .c-progress__icon {

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

            .c-progress__link {

Properties should be ordered display, justify-content, width
Open

        width: 100%;

Line should be indented with spaces, not tabs
Open

    padding: 0 0.25rem 0.25rem 0.25rem;

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

    padding: 0 0.25rem 0.25rem 0.25rem;

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

    padding: 0 0.25rem 0.25rem 0.25rem;

Line should be indented with spaces, not tabs
Open

    .comment-div {

Selector commentDetails should be written in lowercase with hyphens
Open

    .commentDetails {

Line should be indented with spaces, not tabs
Open

    .popover {

Line should be indented with spaces, not tabs
Open

    .addCommentBlock {

Properties should be ordered border, display, margin-top
Open

        margin-top: 0;

Line should be indented with spaces, not tabs
Open

    .editStatus {

Rule declaration should be preceded by an empty line
Open

            .hierarchy {

Properties should be ordered align-items, display, flex-direction, font-size, min-width, overflow, position, text-overflow, white-space, width
Open

        width: 100%;

Begin pseudo elements with double colons: ::
Open

        &:after,

Begin pseudo elements with double colons: ::
Open

            &:before,

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

            .c-progress__icon {

Rule declaration should be followed by an empty line
Open

}

Selector detailViewTable should be written in lowercase with hyphens
Open

    .detailViewTable .fieldValue .js-detail-quick-edit {

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

        height: 100%;

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

.process-content .c-panel__body {

Selector detailViewTitle should be written in lowercase with hyphens
Open

.detailViewTitle {

Shorthand form for property padding should be written more concisely as 0 calculate-rem(15px) instead of 0 calculate-rem(15px) 0 calculate-rem(15px)
Open

    padding: 0 calculate-rem(15px) 0 calculate-rem(15px);

Line should be indented with spaces, not tabs
Open

    &__item {

Prefer single quoted strings
Open

            content: "";

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

            &:before,

Begin pseudo elements with double colons: ::
Open

            &:before {

Begin pseudo elements with double colons: ::
Open

        &:after {

Begin pseudo elements with double colons: ::
Open

            &:after {

Line should be indented with spaces, not tabs
Open

    .commentDetails {

Properties should be ordered -moz-box-sizing, -webkit-box-sizing, box-sizing, height, word-wrap
Open

        -webkit-box-sizing: border-box;

Avoid vendor prefixes.
Open

    -moz-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    &__icon {

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

            background: white;

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

            &:after {

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

            &:before {

Selector addCommentBlock should be written in lowercase with hyphens
Open

    .addCommentBlock {

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

            .hierarchy {

Selector moduleIcon should be written in lowercase with hyphens
Open

    .moduleIcon {

Selector commentActionsContainer should be written in lowercase with hyphens
Open

.commentActionsContainer {

Selector fieldValue should be written in lowercase with hyphens
Open

    .detailViewTable .fieldValue .js-detail-quick-edit {

Line should be indented with spaces, not tabs
Open

    -webkit-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    -moz-box-sizing: border-box;

Properties should be ordered left, position, right, top
Open

                position: absolute;

Properties should be ordered align-items, background, border-radius, display, height, justify-content, width, z-index
Open

            z-index: 1;

Line should be indented with spaces, not tabs
Open

    &__icon-info {

Selector tpl-Detail-HeaderFields should be written in lowercase with hyphens
Open

.tpl-Detail-HeaderFields {

Line should be indented with spaces, not tabs
Open

    padding: 0 calculate-rem(15px) 0 calculate-rem(15px);

Properties should be ordered -moz-box-sizing, -webkit-box-sizing, box-sizing, padding, word-wrap
Open

    padding: 0 calculate-rem(15px) 0 calculate-rem(15px);

Line should be indented with spaces, not tabs
Open

    .moduleIcon {

Rule declaration should be preceded by an empty line
Open

        &.o-detail__record-img {

Begin pseudo elements with double colons: ::
Open

        &:after,

Properties should be ordered left, right, z-index
Open

            right: 0;

Begin pseudo elements with double colons: ::
Open

            &:before,

Line should be indented with spaces, not tabs
Open

    &__link {

Avoid vendor prefixes.
Open

        -webkit-box-sizing: border-box;

Line should be indented with spaces, not tabs
Open

    &__card__body {

Shorthand form for property padding should be written more concisely as 0 0.25rem 0.25rem instead of 0 0.25rem 0.25rem 0.25rem
Open

    padding: 0 0.25rem 0.25rem 0.25rem;

There are no issues that match your filters.

Category
Status