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 .margin-content {
   9   padding-top: 50px;
  10 }
  11
  12 .alert {
  13   font-size: 15px;
  14 }
  15
  16 ::ng-deep .video-add-nav {
  17   border-bottom: $border-width $border-type $border-color;
  18   margin: 50px 0 0 0 !important;
  19
  20   &.hide-nav {
  21     display: none !important;
  22   }
  23
  24   a.nav-link {
  25     @include disable-default-a-behaviour;
  26
  27     margin-bottom: -$border-width;
  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: var(--submenuColor) !important;
  36
  37       span {
  38         border-bottom: 2px solid var(--mainColor);
  39         font-weight: $font-bold;
  40       }
  41     }
  42   }
  43 }
  44
  45 ::ng-deep .upload-video-container {
  46   border: $border-width $border-type $border-color;
  47   border-top: transparent;
  48
  49   background-color: var(--submenuColor);
  50   border-bottom-left-radius: 3px;
  51   border-bottom-right-radius: 3px;
  52   width: 100%;
  53   min-height: 440px;
  54   padding-bottom: 20px;
  55   display: flex;
  56   justify-content: center;
  57   align-items: center;
  58
  59   &.dragover {
  60     border: 3px dashed var(--mainColor);
  61   }
  62 }