client/src/app/videos/+video-edit/video-add.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 $border-width: 3px;
   5 $border-type: solid;
   6 $border-color: #EAEAEA;
   7
   8 $background-color:  #F7F7F7;
   9
  10 /deep/ tabset.root-tabset.video-add-tabset {
  11   &.hide-nav .nav {
  12     display: none !important;
  13   }
  14
  15   & > .nav {
  16
  17     border-bottom: $border-width $border-type $border-color;
  18     margin: 0 !important;
  19
  20     & > li {
  21       margin-bottom: -$border-width;
  22     }
  23
  24     a.nav-link {
  25       @include disable-default-a-behaviour;
  26
  27       color: #000;
  28       height: 40px !important;
  29       padding: 0 30px !important;
  30       font-size: 15px;
  31
  32       &.active {
  33         border: $border-width $border-type $border-color;
  34         border-bottom: none;
  35         background-color: $background-color !important;
  36
  37         span {
  38           border-bottom: 2px solid #F1680D;
  39           font-weight: $font-bold;
  40         }
  41       }
  42     }
  43   }
  44
  45   .upload-video-container {
  46     border: $border-width $border-type $border-color;
  47     border-top: none;
  48
  49     background-color: $background-color;
  50     border-radius: 3px;
  51     width: 100%;
  52     height: 440px;
  53     display: flex;
  54     justify-content: center;
  55     align-items: center;
  56   }
  57 }