YetiForceCompany/YetiForceCRM

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

Summary

Maintainability
Test Coverage

Selector calendarViewContainer should be written in lowercase with hyphens
Open

.calendarViewContainer {

Line should be indented with spaces, not tabs
Open

    .widget_header {

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 widget_header should be written in lowercase with hyphens
Open

    .widget_header {

Line should be indented with spaces, not tabs
Open

    @media (min-width: 992px) {

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

    @extend .mr-auto;

Selector basePanel should be written in lowercase with hyphens
Open

    .basePanel {

Selector siteBarRight should be written in lowercase with hyphens
Open

    .siteBarRight {

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

        margin-right: 0.75em;

Line should be indented with spaces, not tabs
Open

    $header-btn-font-size: 14px;

!important should not be used
Open

        font-size: $header-btn-font-size !important;

0px should be written without units as 0
Open

                border-bottom-width: 0px;

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

            border-color: #17309a;

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

        border-color: #3a87ad;

!important should not be used
Open

        overflow-y: visible !important;

Line should be indented with spaces, not tabs
Open

    .fc .fc-button {

Use // comments everywhere
Open

        /* FullCalendar buttons */

Properties should be ordered background-image, border, border-radius, cursor, display, font-size, font-weight, line-height, margin-bottom, text-align, -ms-touch-action, touch-action, -moz-user-select, -ms-user-select, -webkit-user-select, user-select, vertical-align, white-space
Open

        display: inline-block;

Avoid vendor prefixes.
Open

        -webkit-user-select: none;

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

            .fc-button-content {

Line should be indented with spaces, not tabs
Open

    .fc-col-header,

Line should be indented with spaces, not tabs
Open

    right: 0 !important;

Line should be indented with spaces, not tabs
Open

    width: 100%;

Selector siteBarRight should be written in lowercase with hyphens
Open

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

Line should be indented with spaces, not tabs
Open

    %calendar-header-button {

Line should be indented with spaces, not tabs
Open

    .sub-date-list {

Rule declaration should be followed by an empty line
Open

            }

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

            border-color: #3a87ad;

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

        border-color: #545252;

Line should be indented with spaces, not tabs
Open

    .fc-event-style6 {

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

            background: #c71585;

Line should be indented with spaces, not tabs
Open

    .siteBarRight {

!important should not be used
Open

        width: auto !important;

Properties should be ordered float, margin-right
Open

        margin-right: 0.75em;

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

            margin-bottom: 0.5rem;

Rule declaration should be followed by an empty line
Open

        }

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

            .sub-record-content {

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

            background: #aa6705;

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

        border-color: #006400;

Line should be indented with spaces, not tabs
Open

    .fc-agenda-divider + div {

!important should not be used
Open

        width: 100% !important;

Line should be indented with spaces, not tabs
Open

    .toggleSiteBarRightButton {

Selector hideSiteBar should be written in lowercase with hyphens
Open

    .hideSiteBar {

!important should not be used
Open

            margin-left: 0.5rem !important;

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

        line-height: 1.42857143;

Properties should be ordered height, padding
Open

                padding: 6px 3px;

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

            border-color: #006400;

!important should not be used
Open

            width: 75% !important;

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

    @extend .pt-2;

Selector siteBarRight should be written in lowercase with hyphens
Open

.siteBarRight {

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

            margin-left: 0.5rem !important;

Rule declaration should be preceded by an empty line
Open

        .fc-event-main {

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

            @extend .pt-0;

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

            .textHolder {

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

        background: #3a87ad;

Line should be indented with spaces, not tabs
Open

    .fc-event-style4 {

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

            border-color: #953b39;

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

        background: #545252;

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

            border-color: #c71585;

Line should be indented with spaces, not tabs
Open

    .basePanel {

!important should not be used
Open

            padding: 15px 0 !important;

Selector toggleSiteBarRightButton should be written in lowercase with hyphens
Open

    .toggleSiteBarRightButton {

Line should be indented with spaces, not tabs
Open

    .siteBarRight {

Line should be indented with spaces, not tabs
Open

    .siteBarContent {

Line should be indented with spaces, not tabs
Open

    .js-calendar-switch-container {

Line should be indented with spaces, not tabs
Open

    $count-badge-color: material-color("red", "200");

Line should be indented with spaces, not tabs
Open

    .badge.count {

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

                border-width: 2px;

Avoid vendor prefixes.
Open

        -moz-user-select: none;

!important should not be used
Open

        right: 0 !important;

Line should be indented with spaces, not tabs
Open

    .js-calendar-switch-container {

Properties should be ordered margin-bottom, margin-left
Open

            margin-left: 0 !important;

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

        border: calculate-rem(1px) solid;

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

        color: white;

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

        color: white;

Properties should be ordered font-size, padding
Open

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

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

        background: #c71585;

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

        &:active .fc-button-inner {

Line should be indented with spaces, not tabs
Open

    @extend .mr-auto;

Line should be indented with spaces, not tabs
Open

    .siteBarRight {

Line should be indented with spaces, not tabs
Open

    right: -25%;

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

            .sub-record-content.active {

@media declaration should be followed by an empty line
Open

    }

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

    @extend .my-auto;

Line should be indented with spaces, not tabs
Open

    .fc-v-event,

Line should be indented with spaces, not tabs
Open

    .o-calendar {

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

            .sub-record-content.active {

Line should be indented with spaces, not tabs
Open

    .fc-event-style5 {

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

.o-calendar__container {

Line should be indented with spaces, not tabs
Open

    .fc-header-toolbar.fc-toolbar {

Properties should be ordered background, border-left, bottom, padding, position, right, top, width, z-index
Open

        width: 25%;

Selector siteBarContent should be written in lowercase with hyphens
Open

    .siteBarContent {

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

        background: #17309a;

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

        border-color: #17309a;

Properties should be ordered padding-right, width
Open

            width: 75% !important;

Line should be indented with spaces, not tabs
Open

    @extend .my-auto;

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

            background: #3a87ad;

!important should not be used
Open

    right: 0 !important;

Line should be indented with spaces, not tabs
Open

    .limited-footer--active .siteBarRight {

Selector siteBarRight should be written in lowercase with hyphens
Open

    .limited-footer--active .siteBarRight {

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

        background: #87865d;

Selector hideSiteBar should be written in lowercase with hyphens
Open

.hideSiteBar {

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

                @extend .ml-1;

!important should not be used
Open

            height: calculate-rem(30px) !important;

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

            svg {

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

            background: #17309a;

Line should be indented with spaces, not tabs
Open

    .fc-event-style2 {

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

        background: #aa6705;

Line should be indented with spaces, not tabs
Open

    .fc-event-style7 {

Rule declaration should be preceded by an empty line
Open

    .fc-col-header,

Line should be indented with spaces, not tabs
Open

    position: relative;

Line should be indented with spaces, not tabs
Open

    z-index: 100;

Selector siteBarRight should be written in lowercase with hyphens
Open

    .siteBarRight {

Selector textHolder should be written in lowercase with hyphens
Open

            .textHolder {

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

            background: #87865d;

Selector fc-event-calendarMassEditskin should be written in lowercase with hyphens
Open

        .fc-event-calendarMassEditskin {

Properties should be ordered margin-left, margin-right
Open

        margin-right: -20px;

Properties should be ordered background, border, border-radius, border-right, cursor, display, font-weight, padding, position, right, top, width, z-index
Open

            font-weight: bold;

Prefer single quoted strings
Open

    $count-badge-color: material-color("red", "200");

Line should be indented with spaces, not tabs
Open

    .fc-event-style3 {

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

        border-color: #c71585;

!important should not be used
Open

            padding-right: 1rem !important;

Line should be indented with spaces, not tabs
Open

    @extend .pt-2;

Selector hideToggleSiteBarRightButton should be written in lowercase with hyphens
Open

.hideToggleSiteBarRightButton {

Rule declaration should be followed by an empty line
Open

    }

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

            border-color: #aa6705;

!important should not be used
Open

        overflow: unset !important;

Line should be indented with spaces, not tabs
Open

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

!important should not be used
Open

            margin-left: 0 !important;

!important should not be used
Open

        border-color: transparent !important;

Prefer single quoted strings
Open

            $clear-btn-color: material-color("amber", "200");

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

            height: calculate-rem(30px);

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

        background: #953b39;

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

            .sub-record-content {

Line should be indented with spaces, not tabs
Open

    .fc-event-style8 {

Line should be indented with spaces, not tabs
Open

    .fc-event-style1 {

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

        background: #006400;

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

        border-color: #aa6705;

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

            background: #006400;

Avoid vendor prefixes.
Open

        -ms-touch-action: manipulation;

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

            background: #545252;

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

            border-color: #545252;

Avoid vendor prefixes.
Open

        -ms-user-select: none;

!important should not be used
Open

        border-radius: 0 !important;

Rule declaration should be preceded by an empty line
Open

    .fc-header-toolbar.fc-toolbar {

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

    width: 100%;

Selector siteBarRight should be written in lowercase with hyphens
Open

    .siteBarRight {

@include declaration should be followed by an empty line
Open

}

Line should be indented with spaces, not tabs
Open

    .hideSiteBar {

Merge rule .sub-record-content.active with rule on line 222
Open

            .sub-record-content.active {

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

        border-color: #953b39;

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

            background: #953b39;

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

        border-color: #87865d;

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

            border-color: #87865d;

Properties should be ordered background, border, border-radius, box-shadow, color, height, margin-right, padding
Open

                margin-right: 5px;

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

                    color: #000;

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

            .fc-next-button span,

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

            .fc-next-button span,

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

                .fc-content {

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

            .fc-col-header-cell {

Properties should be ordered bottom, color, height, position
Open

            position: relative;

Selector hideSiteBar should be written in lowercase with hyphens
Open

        .hideSiteBar .qc-form .o-calendar__form__actions {

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

                        color: $gray-600 !important;

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

        color: #666;

Merge rule .fc-content with rule on line 406
Open

    .fc-content {

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

            div {

Properties should be ordered cursor, margin
Open

                    margin: 0;

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

            .fc-bgevent-skeleton {

Selector textHolder should be written in lowercase with hyphens
Open

                    .textHolder {

Prefer single quoted strings
Open

                background: material-color("teal", "300");

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

        .tpl-Calendar-Extended-ActivityState .o-calendar__form__actions {

!important should not be used
Open

            min-height: unset !important;

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

        .hideSiteBar .qc-form .o-calendar__form__actions {

Properties should be ordered height, margin-top, overflow-x, overflow-y
Open

                    overflow-y: auto;

Properties should be ordered color, font-weight
Open

                    font-weight: 500;

Selector toggleSiteBarRightButton should be written in lowercase with hyphens
Open

                .toggleSiteBarRightButton {

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

                margin-bottom: 0.25rem;

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

        background: #eee;

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

                &:disabled {

Selector fc-prevYear-button should be written in lowercase with hyphens
Open

            .fc-prev-button span,

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

            .fc-event {

border: 0 is preferred over border: none
Open

                border: none;

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

                    text-overflow: ellipsis;

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

            .o-calendar {

Line should be indented with spaces, not tabs
Open

    .c-tab--small {

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

            background: #f3f3f3;

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

            .fc-button {

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

            .fc-button-group {

border: 0 is preferred over border: none
Open

                border: none;

border: 0 is preferred over border: none
Open

                    border: none;

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

            * {

Prefer single quoted strings
Open

            color: material-color("blue", "200");

Selector tpl-Calendar-Extended-ActivityState should be written in lowercase with hyphens
Open

        .tpl-Calendar-Extended-ActivityState .o-calendar__form__actions {

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

                .ps__rail-y {

Selector hideSiteBar should be written in lowercase with hyphens
Open

        .hideSiteBar .o-calendar__panel__tabs {

Line should be indented with spaces, not tabs
Open

    &__tab--filters,

Line should be indented with spaces, not tabs
Open

    .fc-content {

Prefer single quoted strings
Open

                        color: material-color("grey", "500");

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

            &__text {

Properties should be ordered border-top, margin-top, padding, text-align, width, z-index
Open

            margin-top: auto;

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

                .ps__rail-y {

Properties should be ordered background, border, border-radius, color, cursor, display, height, margin-bottom, margin-left, padding, width, z-index
Open

                    padding: calculate-rem(11px) 0;

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

                .nav-item {

Merge rule .limited-footer--active .o-calendar with rule on line 882
Open

.limited-footer--active .o-calendar {

!important should not be used
Open

        height: auto !important;

Rule declaration should be followed by an empty line
Open

}

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

        color: #666;

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

                color: #fff !important;

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

                h2 {

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

            td.fc-widget-content {

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

            .fc-basic-view .fc-body .fc-row {

Line should be indented with spaces, not tabs
Open

    .js-calendar-switch-container {

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

        .o-calendar__form__actions {

Property text-align already defined on line 712
Open

            text-align: center;

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

                @at-root .c-menu--open & {

Prefer single quoted strings
Open

                    color: material-color("blue-grey", "50");

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

        .limited-footer--active .c-calendar-quickcreate .o-calendar__form__wrapper {

Properties should be ordered padding-left, padding-right
Open

            padding-right: 8px;

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

    .o-calendar__form {

Line should be indented with spaces, not tabs
Open

    .fc-event-container .fc-event.fc-draggable {

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

                color: #353535;

!important should not be used
Open

                padding: calculate-rem(5px) calculate-rem(10px) !important;

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

            .fc-prev-button span,

Line should be indented with spaces, not tabs
Open

    .fc-time-grid .fc-time-grid-event.fc-event {

Selector bottom_margin should be written in lowercase with hyphens
Open

    .bottom_margin .fc-basic-view .fc-body .fc-row {

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

    .bottom_margin .fc-basic-view .fc-body .fc-row {

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

            color: #c1c1c1;

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

                h2 {

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

            &__container {

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

            background: #96dc96;

Property border-top already defined on line 713
Open

            border-top: 1px solid #ddd;

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

                @at-root .c-calendar-quickcreate #{&} {

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

                label {

Properties should be ordered background, border, border-radius, border-top, height, padding, text-align
Open

                    text-align: center;

Line should be indented with spaces, not tabs
Open

    &__tab--filters,

Line should be indented with spaces, not tabs
Open

    .o-calendar__form {

Line should be indented with spaces, not tabs
Open

    z-index: 1;

Line should be indented with spaces, not tabs
Open

    position: relative;

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

                color: #fff;

Line should be indented with spaces, not tabs
Open

    .fc-content {

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

                background: #337ab7 !important;

!important should not be used
Open

                color: #fff !important;

Line should be indented with spaces, not tabs
Open

    .fc-daygrid-day-top {

!important should not be used
Open

                        color: $gray-600 !important;

Rule declaration should be preceded by an empty line
Open

            label {

border: 0 is preferred over border: none
Open

                border: none;

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

                .fc-bgevent {

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

            .fc-day-number {

!important should not be used
Open

                color: $white !important;

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

        .hideSiteBar .qc-form .o-calendar__form__actions {

Prefer single quoted strings
Open

                        background: material-color("blue-grey", "300");

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

    z-index: 1;

Line should be indented with spaces, not tabs
Open

    right: 0;

Line should be indented with spaces, not tabs
Open

    .fc-header-title h2 {

!important should not be used
Open

                height: calculate-rem(30px) !important;

Properties should be ordered background, color, opacity, text-shadow, z-index
Open

                z-index: 4;

!important should not be used
Open

                background: #337ab7 !important;

Rule declaration should be followed by an empty line
Open

            }

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

            .fc-prev-button span,

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

            > .fc-toolbar,

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

            .fc-toolbar.fc-header-toolbar {

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

                .fc-center {

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

                .nav-link {

Selector fieldRow should be written in lowercase with hyphens
Open

        .fieldRow .col-12 {

Line should be indented with spaces, not tabs
Open

    z-index: 2;

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

        &.fc-button-active .fc-button-inner .fc-button-content,

Line should be indented with spaces, not tabs
Open

    .fc-toolbar {

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

            .fc-button-active,

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

            .fc-button-group {

Rule declaration should be followed by an empty line
Open

            }

Properties should be ordered color, font-size, font-weight, line-height, padding
Open

            font-weight: bold;

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

                color: #546e7a;

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

                padding: calculate-rem(2px) 0 !important;

!important should not be used
Open

                padding: calculate-rem(2px) 0 !important;

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

                font-size: 0.75rem;

Line should be indented with spaces, not tabs
Open

    @media screen and (min-width: map-get($grid-breakpoints, lg)) {

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

                @at-root .limited-footer--active #{&} {

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

            .fc-button-content {

!important should not be used
Open

            color: #000 !important;

!important should not be used
Open

        margin-bottom: 0 !important;

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

                background: #dfdfdf;

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

            .fc-day-number {

Properties should be ordered font-size, left, position, text-align, top, width
Open

                position: absolute;

Line should be indented with spaces, not tabs
Open

    .c-calendar-switch {

Properties should be ordered background, color
Open

                color: $white !important;

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

                @at-root .user-info--active.limited-footer--active #{&} {

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

                    color: #6c757d;

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

                background: #f8f9fa;

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

                .toggleSiteBarRightButton {

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

                .nav {

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

        .o-calendar__form__actions[min-height~="70px"] {

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

        .hideSiteBar .o-calendar__panel__tabs {

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

        color: #666;

Properties should be ordered cursor, opacity, text-shadow
Open

                    text-shadow: none;

Properties should be ordered position, text-align
Open

                text-align: center;

Properties should be ordered display, flex-wrap, margin-right
Open

        margin-right: 0;

Line should be indented with spaces, not tabs
Open

    .js-css-element-queries {

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

            &.active {

Selector saveAndComplete should be written in lowercase with hyphens
Open

            .saveAndComplete {

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

        .limited-footer--active .c-calendar-quickcreate .o-calendar__form__wrapper {

Line should be indented with spaces, not tabs
Open

    @media only screen and (max-width: 480px) {

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

            color: #000 !important;

Line should be indented with spaces, not tabs
Open

    position: relative;

!important should not be used
Open

            padding: 4px 0 !important;

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

        background: #fff;

Shorthand form for property margin should be written more concisely as 0 0 2px instead of 0 0 2px 0
Open

        margin: 0 0 2px 0;

Properties should be ordered align-items, display, flex-wrap, justify-content, margin-bottom
Open

        margin-bottom: 0 !important;

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

            .fc-today-button {

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

                button:not(.fc-today-button) {

Avoid qualifying class selectors with an element.
Open

            td.fc-widget-content {

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

            .fc-basic-view .fc-body .fc-row {

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

                    .textHolder {

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;

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

            label {

Line should be indented with spaces, not tabs
Open

    &__tab--filters,

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

            color: #000 !important;

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

        border-color: #ccc;

Properties should be ordered border-radius, margin
Open

        margin: 0 0 2px 0;

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

            .fc-button {

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

            .fc-button-active,

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

            .fc-today-button {

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

                    .svg-inline--fa {

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

            div {

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

                display: flex;

Selector fc-nextYear-button should be written in lowercase with hyphens
Open

            .fc-next-button span,

Line should be indented with spaces, not tabs
Open

    .bottom_margin .fc-basic-view .fc-body .fc-row {

!important should not be used
Open

        min-height: 9em !important;

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

                padding: 0 2px;

Prefer single quoted strings
Open

            color: material-color("blue", "100");

Properties should be ordered background, border-radius, color, cursor, font-size, line-height, margin-top, padding, position, z-index
Open

            position: absolute;

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

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

Prefer single quoted strings
Open

                    background: material-color("blue-grey", "600");

Rule declaration should be followed by an empty line
Open

        }

Line should be indented with spaces, not tabs
Open

    .fc-col-header-cell {

Line should be indented with spaces, not tabs
Open

    .fc-time-grid-event.fc-short .fc-title {

Line should be indented with spaces, not tabs
Open

    .fc-year {

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

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

!important should not be used
Open

            padding: calculate-rem(5px) calculate-rem(8px) !important;

Properties should be ordered background, display, font-size, height, position, right, top, z-index
Open

                display: flex;

Prefer single quoted strings
Open

                    background: material-color("blue-grey", "50");

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

        .user-info--active .c-calendar-quickcreate .o-calendar__form__wrapper {

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

        .user-info--active .c-calendar-quickcreate .o-calendar__form__wrapper {

There are no issues that match your filters.

Category
Status