betajs/betajs-media-components

View on GitHub
src/themes/_common/player/floating-with-sidebar.scss

Summary

Maintainability
Test Coverage

Properties should be ordered contain, flex, position
Open

        flex: auto;

Rule declaration should be followed by an empty line
Open

        }

Properties should be ordered bottom, position, right
Open

            position: absolute;

Rule declaration should be preceded by an empty line
Open

            &:hover {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    .#{$cssfloatingsidebar}-container {

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

            .#{$cssfloatingsidebar}-title {

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;

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

            img {

Properties should be ordered border, border-radius, box-sizing, color, cursor, margin, padding
Open

            box-sizing: border-box;

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

                border-color: #FF9933;

Rule declaration should be followed by an empty line
Open

    }

Properties should be ordered color, cursor, height, left, position, top, width
Open

            position: absolute;

Color #FFFFFF should be written as #ffffff
Open

            color: #FFFFFF;

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

        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);

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

            color: #fff;

Rule declaration should be preceded by an empty line
Open

            img {

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

            img {

Rule declaration should be preceded by an empty line
Open

            .#{$cssfloatingsidebar}-title {

Rule declaration should be followed by an empty line
Open

            }

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &.#{$cssplayer}-viewport-mobile {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &.#{$cssplayer}-floating .#{$cssplayer}-content {

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be preceded by an empty line
Open

        .#{$cssfloatingsidebar}-ad-playing-container {

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

            &:hover {

Name of variable sidebar_background_color should be written in all lowercase letters with hyphens instead of underscores
Open

        background: $sidebar_background_color;

Properties should be ordered align-items, display, height, justify-content, position
Open

            position: relative;

Rule declaration should be followed by an empty line
Open

        }

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

            border: 1px solid #ececec;

Merge rule &:hover with rule on line 51
Open

            &:hover {

Rule declaration should be followed by an empty line
Open

    }

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

            .#{$cssfloatingsidebar}-title {

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

            &:visited {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &.#{$cssplayer}-floating {

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

            color: #FFFFFF;

Color #FF9933 should be written as #F93
Open

                border-color: #FF9933;

Properties should be ordered background, color, flex-grow, margin, text-align
Open

        color: #fff;

Properties should be ordered height, padding-left, padding-right, padding-top, text-align, word-wrap
Open

            padding-top: 11px;

Color #FF9933 should be written as #ff9933
Open

                border-color: #FF9933;

Rule declaration should be followed by an empty line
Open

            }

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

            &:link {

Rule declaration should be followed by an empty line
Open

    }

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

            &:active {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    .#{$cssfloatingsidebar}-title {

Rule declaration should be followed by an empty line
Open

    }

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

        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);

Properties should be ordered -webkit-box-orient, display, -webkit-line-clamp, overflow, text-overflow
Open

        display: -webkit-box;

Rule declaration should be followed by an empty line
Open

        }

Color #FFFFFF should be written as #FFF
Open

            color: #FFFFFF;

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

            &:hover {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    &.#{$cssplayer}-fullscreen-view {

There are no issues that match your filters.

Category
Status