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     .nav-link {
  25       height: 40px !important;
  26       padding: 0 30px !important;
  27       font-size: 15px;
  28
  29       &.active {
  30         border: $border-width $border-type $border-color;
  31         border-bottom: none;
  32         background-color: $background-color !important;
  33
  34         span {
  35           border-bottom: 2px solid #F1680D;
  36           font-weight: $font-bold;
  37         }
  38       }
  39     }
  40   }
  41
  42   .upload-video-container {
  43     border: $border-width $border-type $border-color;
  44     border-top: none;
  45
  46     background-color: $background-color;
  47     border-radius: 3px;
  48     width: 100%;
  49     height: 440px;
  50     display: flex;
  51     justify-content: center;
  52     align-items: center;
  53   }
  54 }