openecomp-ui/resources/scss/modules/onboardingCatalog/_onboardHeader.scss

   1 .onboard-header {
   2     padding-top: 8px;
   3     display: flex;
   4     flex-direction: row;
   5     justify-content: flex-end;
   6     background-color: $tlv-light-gray;
   7     margin-bottom: 2px;
   8     padding-left: 60px;
   9     padding-right: 40px;
  10     @include box-shadow(0px 1px 3px 0 rgba(0, 0, 0, 0.2));
  11     .expandable-input-top {
  12         margin-right: 20px;
  13         margin-left: auto;
  14     }
  15     .onboard-header-tabs {
  16         display: flex;
  17         flex-direction: row;
  18         .onboard-header-tab {
  19             @extend .body-1-semibold;
  20             margin-right: 40px;
  21             cursor: pointer;
  22             display: flex;
  23             padding-bottom: 5px;
  24             align-items: flex-end;
  25             &.active {
  26                 color: $blue;
  27                 padding-bottom: 2px;
  28                 border-bottom: 3px solid $blue;
  29             }
  30         }
  31     }
  32 }