betajs/betajs-media-components

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

Summary

Maintainability
Test Coverage

Color #ffffff should be written as #fff
Open

        color: #ffffff;

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

    flex-direction: column;

Rule declaration should be followed by an empty line
Open

}

Rule declaration should be preceded by an empty line
Open

    img {

Use // comments everywhere
Open

        /* Handle */

Properties should be ordered align-self, cursor, display, justify-content, position
Open

            cursor: pointer;

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

    display: flex;

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

        color: #ffffff;

Declaration should not have a space before the terminating semicolon
Open

        align-content: center ;

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

    box-sizing: border-box;

Properties should be ordered background-color, box-sizing, color, display, flex, flex-direction, height, padding-right
Open

    flex: 1;

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

    .#{$cssgallerysidebar}-ads-footer-container .#{$cssadsplayer}-ad-choices-container {

Rule declaration should be preceded by an empty line
Open

    a {

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

    position: relative;

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

    width: 100%;

Use // comments everywhere
Open

        /* button */

Use // comments everywhere
Open

        /** Firefox only */

Rule declaration should be preceded by an empty line
Open

        .#{$cssgallerysidebar}-list-item-title {

Properties should be ordered font-size, margin, max-width, overflow, text-overflow, white-space
Open

            overflow: hidden;

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be preceded by an empty line
Open

        img {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

    }

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

    align-content: center;

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

    flex-wrap: nowrap;

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

    align-self: end;

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

    .#{$cssgallerysidebar}-list-container {

Properties should be ordered background, display, min-height, width
Open

        min-height: 2px;

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

    box-sizing: border-box;

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

    flex-direction: column;

Rule declaration should be preceded by an empty line
Open

        & > img {

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

    width: 100%;

Properties should be ordered align-self, height, line-height, margin-top, position, width
Open

    height: 30px;

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

    font-size: 12px;

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

    color: #ffffff;

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

    .#{$cssgallerysidebar}-list {

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

    .#{$cssgallerysidebar}-list-item-poster-container {

Properties should be ordered box-sizing, display, flex, flex-direction, height, padding
Open

    flex: 1;

Line contains trailing whitespace
Open

        }  

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

    display: flex;

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

    height: 100%;

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

    height: 0;

Rule declaration should be followed by an empty line
Open

    }

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

        background: black;

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

    flex: 1;

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

    .#{$cssgallerysidebar}-ads-body-container {

Properties should be ordered align-content, align-self, display, flex-wrap, height, width
Open

    height: 30px;

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

    .#{$cssspinner}-container {

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

    color: #ffffff;

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

    box-sizing: border-box;

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

    color: #ffffff;

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

    .#{$cssgallerysidebar}-ads-body-container p {

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

    a {

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

    padding: 5px 13px;

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

    height: 24px;

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

    justify-content: space-between;

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

    background-color: #1f1f1f;

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

            background: #666;

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

    .#{$cssgallerysidebar}-list-item {

Color black should be written in hexadecimal form as #000000
Open

        background: black;

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

    line-height: 30px;

Properties should be ordered background, box-sizing, color, font-size, height, justify-content, padding
Open

    box-sizing: border-box;

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

    padding-right: 4px;

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

            background: #b3b3b3;

Use // comments everywhere
Open

        /* Track */

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

    height: 0;

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

        position: relative;

Unnecessary parent selector (&)
Open

        & > a {

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

    width: 100%;

Rule declaration should be followed by an empty line
Open

}

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

    flex-grow: 1;

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

    background: #1f1f1f;

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

    img {

Unnecessary parent selector (&)
Open

        & > img {

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

    .#{$cssplayer}-content {

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

        justify-content: center;

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

    flex: 1;

Color #ffffff should be written as #fff
Open

    color: #ffffff;

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

        display: flex;

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be preceded by an empty line
Open

        & > a {

Rule declaration should be preceded by an empty line
Open

    .#{$cssspinner}-container {

Unknown property scrollbar-color
Open

            scrollbar-color: #b3b3b3 #1f1f1f00;

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

    justify-content: center;

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

    display: flex;

Use // comments everywhere
Open

        /* width */

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

    .#{$cssgallerysidebar}-footer-container {

!important should not be used
Open

            color: #fff !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 display, flex-direction, flex-grow, justify-content, width
Open

    justify-content: center;

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

    height: 30px;

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

    flex-direction: column;

Properties should be ordered flex, overflow-x, overflow-y
Open

        overflow-y: auto;

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

            background: #1f1f1f; // << will be background of the track

Rule declaration should be preceded by an empty line
Open

        &.#{$cssgallerysidebar}-currently-playing-list-item {

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

    color: #ffffff;

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

            background: #222;

Use // comments everywhere
Open

        /* Handle on hover */

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

            scrollbar-color: #b3b3b3 #1f1f1f00;

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

        display: flex;

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

    height: 30px;

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

    align-self: start;

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

    display: flex;

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

    margin-top: auto;

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

    background: #1f1f1f;

Color #ffffff should be written as #fff
Open

    color: #ffffff;

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

    background-color: #1f1f1f;

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

    padding: 15px 13px;

Rule declaration should be preceded by an empty line
Open

    .#{$cssgallerysidebar}-ads-header-logo-container {

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

    .#{$cssgallerysidebar}-ads-header-logo-container {

Rule declaration should be followed by an empty line
Open

    }

Shorthand form for property padding should be written more concisely as 0 0 15px instead of 0 0 15px 0
Open

        padding: 0 0 15px 0;

There are no issues that match your filters.

Category
Status