@charset "utf-8";
// Copyright 2019, Oath Inc.
// Licensed under the terms of the MIT license. See LICENSE file in project root for terms.

@import '../maps/color-maps.scss';
@import '../utilities/global-variables.scss';

$titles-height: 52px !default;
$titles-bar-corner-radius: $border-radius-sm !default;
$titles-bar-bg-color: map-get($denali-grey-colors,"500") !default;
$titles-bar-width: 2px !default;
$titles-bar-wider-width: 4px !default;

@mixin titles-default {
  .title {
    display: flex;
    align-items: center;
    height: $titles-height;
    span.bar {
      height: inherit;
      width: $titles-bar-width;
      background-color: $titles-bar-bg-color;
      border-radius: $titles-bar-corner-radius;
      margin-right: 8px;
      &.is-wide {
        width: $titles-bar-wider-width;
        margin-right: 6px;
      }
    }
  }
}

@mixin titles-theme {
  .title {
    height: $titles-height;

    span.bar {
      width: $titles-bar-width;
      background-color: $titles-bar-bg-color;
      border-radius: $titles-bar-corner-radius;

      &.is-wide {
        width: $titles-bar-wider-width;
      }
    }
  }
}