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 /deep/ .root-tabset.video-add-tabset {
   9   &.hide-nav .nav {
  10     display: none !important;
  11   }
  12
  13   & > .nav {
  14
  15     border-bottom: $border-width $border-type $border-color;
  16     margin: 0 !important;
  17
  18     & > li {
  19       margin-bottom: -$border-width;
  20     }
  21
  22     a.nav-link {
  23       @include disable-default-a-behaviour;
  24
  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: var(--mainBackgroundColor) !important;
  33
  34         span {
  35           border-bottom: 2px solid var(--mainColor);
  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: var(--mainBackgroundColor);
  47     border-radius: 3px;
  48     width: 100%;
  49     min-height: 440px;
  50     padding-bottom: 20px;
  51     display: flex;
  52     justify-content: center;
  53     align-items: center;
  54   }
  55 }