//
// Copyright IBM Corp. 2020, 2020
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@import '../../globals/scss/carbon-settings';
@import '../../globals/scss/variables';

.#{$ide-prefix}-context-header {
  display: flex;
  width: 100%;
  height: $spacing-07;
  padding: 0 $spacing-05;
  border-bottom: carbon--mini-units(0.125) solid $ui-03;
  background: $ui-background;
}

.#{$ide-prefix}-context-header--task,
.#{$ide-prefix}-context-header--name,
.#{$ide-prefix}-context-header--namespace,
.#{$ide-prefix}-context-header--separator {
  @include carbon--type-style('label-01');

  display: inline-flex;
  align-items: center;
}

.#{$ide-prefix}-context-header--task {
  padding-right: $spacing-05;
  color: $text-01;
}

.#{$ide-prefix}-context-header--name,
.#{$ide-prefix}-context-header--namespace,
.#{$ide-prefix}-context-header--separator {
  color: $text-02;
}

.#{$ide-prefix}-context-header--separator {
  padding: 0 $spacing-03;
}