betajs/betajs-media-components

View on GitHub
src/themes/video_recorder/elevate/controlbar.scss

Summary

Maintainability
Test Coverage

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

      .#{$css}-circle-button-container{

Rule declaration should be preceded by an empty line
Open

    & > p {

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

    height: $controlbar_button_size;

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

    color: $controlbar_button_hover_color;

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

    background-color: $controlbar_button_background;

Rule declaration should be followed by an empty line
Open

    }

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

      border: 3px solid $button_color;

Rule declaration should be followed by an empty line
Open

    }

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

    @include settings_bubble_left_to_right_shape(280px, 16px, 255, 255, 255, 1, #ffffff, 13px);

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

      .#{$css}-circle-button-container{

Opening curly brace { should be preceded by one space
Open

        .#{$css}-button-primary{

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

    @include border-radius($controlbar_primarybutton_radius);

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

      padding: $controlbar_button_padding;

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

    line-height: $controlbar_button_size;

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

    min-width: $controlbar_primarybutton_min_width;

Unnecessary parent selector (&)
Open

    & > p {

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

    opacity: 0.25;

Rule declaration should be preceded by an empty line
Open

      .#{$css}-label-container {

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

        .#{$css}-button-primary{

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

    width: $controlbar_button_size;

Rule declaration should be followed by an empty line
Open

    }

Name of mixin absolute_left_sidebar should be written in all lowercase letters with hyphens instead of underscores
Open

    @include absolute_left_sidebar($sidebar_width);

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

    color: $text_color;

Avoid qualifying attribute selectors with an element.
Open

    input[type=radio]:checked + span {

Unnecessary parent selector (&)
Open

    & > p {

Properties should be ordered font-family, font-size, font-weight
Open

      font-weight: 300;

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

      font-size: $settings_font_size ;

Rule declaration should be preceded by an empty line
Open

    & > p {

Color #ffffff should be written as #fff
Open

    @include settings_bubble_left_to_right_shape(280px, 16px, 255, 255, 255, 1, #ffffff, 13px);

Rule declaration should be preceded by an empty line
Open

        .#{$css}-button-primary{

Properties should be ordered font-family, font-size, margin, padding
Open

      padding: $controlbar_button_padding;

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

    @include background-rgba(0, 0, 0, 0.4, #979797);

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

    font-size: $controlbar_primarybutton_font_size;

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

    @include absolute_left_sidebar($sidebar_width);

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

    color: $text_color_secondary;

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

      font-family: $font_family;

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

    @include border-radius($controlbar_primarybutton_radius);

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

      .#{$css}-label-container {

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

    height: $controlbar_footer_height;

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

      font-size: $controlbar_primarybutton_font_size;

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

    background-color: $settings_bgcolor;

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

    border-radius: $controlbar_button_border_radius;

0.65 should be written without a leading zero as .65
Open

    opacity: 0.65;

Rule declaration should be preceded by an empty line
Open

    i:before {

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

      background-color: $settings_bgcolor;

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

      border-color: $settings_radio_color;

Properties should be ordered left, max-height, overflow
Open

    max-height: 10em;

Rule declaration should be preceded by an empty line
Open

    .#{$css}-button-primary {

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

      background-color: $settings_bgcolor;

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

      color: $text_color_secondary;

Rule declaration should be followed by an empty line
Open

    }

Begin pseudo elements with double colons: ::
Open

    i:before {

Color #000000 should be written as #000
Open

      border-bottom-color: #000000;

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

    font-family: $font_family;

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

      color: $text_color_secondary;

Rule declaration should be preceded by an empty line
Open

      .#{$css}-circle-button-container{

Properties should be ordered cursor, display, height, position, width
Open

      display: table;

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

      .#{$css}-label-container {

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

    @include border-radius($controlbar_button_border_radius);

Rule declaration should be preceded by an empty line
Open

    label, .#{$cssvideorecorder}-add-stream {

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

      border-bottom-color: #000000;

Properties should be ordered background-color, display, font-family, font-size, font-weight, margin-top, min-width, padding, z-index
Open

    display: inline-block;

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

      font-family: $font_family;

Properties should be ordered background-color, border
Open

      border: 3px solid $button_color;

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

    background-color: $button_color;

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

      color: $text_color_secondary;

Properties should be ordered float, opacity, text-align, width
Open

    text-align: right;

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

    background-color: $recorder_bgcolor;

Opening curly brace { should be preceded by one space
Open

      .#{$css}-circle-button-container{

Declaration should not have a space before the terminating semicolon
Open

      font-size: $settings_font_size ;

Name of mixin settings_bubble_left_to_right_shape should be written in all lowercase letters with hyphens instead of underscores
Open

    @include settings_bubble_left_to_right_shape(280px, 16px, 255, 255, 255, 1, #ffffff, 13px);

Rule declaration should be preceded by an empty line
Open

    li {

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

    @include absolute_left_sidebar($sidebar_width);

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

    @include background-rgba(0, 0, 0, 0.4, #979797);

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

    @include relative-align-all();

Properties should be ordered background-color, border, border-radius, color, cursor, font-size, margin, opacity, padding
Open

    border-radius: $controlbar_button_border_radius;

border: 0 is preferred over border: none
Open

    border: none;

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

      background-color: $button_color;

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

    left: $sidebar_width + 5;

There are no issues that match your filters.

Category
Status