betajs/betajs-media-components

View on GitHub
src/themes/video_recorder/theatre/chooser.scss

Summary

Maintainability
Test Coverage
.#{$csstheme} {

    .#{$csscommon}-message-text {
        @include border-radius($chooser_primary_button_border_radius);
    }

    .#{$css}-chooser-container {
      background-color: $chooser_background;
    }

    .#{$css}-chooser-icon-container {
      color: $chooser_primary_button_bgcolor;
      font-size: $chooser_icon_size;
      margin: $chooser_icon_margin;
    }

    .#{$css}-chooser-button-0, .#{$css}-chooser-button-1, .#{$css}-chooser-button-2, .#{$css}-chooser-button-3 {
      @include border-radius( $chooser_primary_button_border_radius );
      line-height: $chooser_buttons_line_height;
      min-width: $chooser_buttons_min_width;
      padding: $chooser_primary_button_vertical_padding $chooser_primary_button_horizontal_padding;
    }

    .#{$css}-chooser-button-0, .#{$css}-chooser-button-2 {
      background-color: #ffffff;
      color: #333333;
      border: 1px solid #333;
    }

    .#{$css}-chooser-button-1, .#{$css}-chooser-button-3 {
      //@include background-rgba( 0, 0, 0, 0.5, #666666 );
      border: 1px solid #999;
      color: #979797;
      margin: 2px 0;
    }

    .#{$csscommon}-icon-record:before {
      font-size: .8em;
    }

    .#{$csscommon}-icon-upload:before {
      font-size: .9em;
    }
}