betajs/betajs-media-components

View on GitHub
src/themes/video_player/default/circle-progress.scss

Summary

Maintainability
Test Coverage

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

    .#{$cssprogressbar}-svg__progress {

Properties should be ordered align-items, background-color, border-radius, color, content, display, flex-direction, font-size, height, justify-content, left, position, text-align, top, width, z-index
Open

            content: attr(data-countdown);

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

            color: #fff;

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

    display: flex;

Properties should be ordered display, height, position, transform, width, z-index
Open

        position: absolute;

Rule declaration should be preceded by an empty line
Open

        &::after {

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

    .#{$cssprogressbar}-svg {

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

    .#{$cssprogressbar}-circle {

Properties should be ordered fill, stroke-dasharray, stroke-linecap, stroke-width
Open

        stroke-linecap: round;

Rule declaration should be preceded by an empty line
Open

    .#{$cssprogressbar}-circle {

Property stroke-linecap already defined on line 48
Open

        stroke-linecap: round;

Properties should be ordered height, position, width
Open

        width: 45px;

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

    .#{$cssprogressbar}-svg__background {

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

            background-color: rgba(172, 172, 172, .5);

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

    align-items: center;

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

    justify-content: space-around;

There are no issues that match your filters.

Category
Status