<commit_before>@import "../../core/style/variables";
@import "../../core/style/shadows";
@import "../../core/style/default-theme";

// Standard/Desktop Heights
$toolbar-tools-height: 64px !default;
$toolbar-height: 64px !default;
$toolbar-medium-tall-height: 88px !default;
$toolbar-tall-height: 128px !default;
$toolbar-hero-height: 256px !default;

// Mobile portrait heights
$toolbar-tools-height-mobile-portrait: 56px !default;
$toolbar-height-mobile-portrait: 56px !default;

// Mobile landscape heights
$toolbar-tools-height-mobile-landscape: 48px !default;
$toolbar-height-mobile-landscape: 48px !default;

$toolbar-indent-margin: 64px !default;
$toolbar-padding: 16px !default;

$icon-button-margin-offset: rem(-0.800) !default;

@mixin md-tall-toolbar() {
  height: $toolbar-tall-height;
  min-height: $toolbar-tall-height;
  max-height: $toolbar-tall-height;
}

@mixin md-medium-tall-toolbar() {
  height: $toolbar-medium-tall-height;
  min-height: $toolbar-medium-tall-height;
  max-height: $toolbar-medium-tall-height;
}

@mixin md-hero-toolbar() {
  height: $toolbar-hero-height;
  min-height: $toolbar-hero-height;
  max-height: $toolbar-hero-height;
}

md-toolbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  position: relative;
  z-index: 2;

  font-size: rem(2.0);
  min-height: $baseline-grid * 8;
  width: 100%;

  &.md-whiteframe-z1-add, &.md-whiteframe-z1-remove {
    transition: box-shadow $swift-ease-in-out-duration linear;
  }

  md-toolbar-filler {
    width: 9 * $baseline-grid;
  }

  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }

  &.md-tall {
    @include md-tall-toolbar();
  }

  &.md-hero {
    @include md-hero-toolbar();
  }

  &.md-medium-tall {
    @include md-medium-tall-toolbar();
    .md-toolbar-tools {
      height: 48px;
      min-height: 48px;
      max-height: 48px;
    }
  }

  > .md-indent {
    margin-left: $toolbar-indent-margin;
  }

  ~ md-content {
    &:not([scroll-shrink]){
      overflow: hidden;
    }
    > md-list {
      padding: 0;

      md-list-item:last-child {
        md-divider {
          display: none;
        }
      }
    }
  }
}

.md-toolbar-tools {
  font-size: $title-font-size-base;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: row;

  width: 100%;
  height: $toolbar-tools-height;
  max-height: $toolbar-tools-height;
  padding: 0 $toolbar-padding;
  margin: 0;

  h1, h2, h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
  }

  a {
    color: inherit;
    text-decoration: none;
  }
  .fill-height {
    display: flex;
    align-items: center;
  }
  [md-button] {
    margin-top: 0;
    margin-bottom: 0;
  }
  & > [md-button]:first-child {
    margin-left: $icon-button-margin-offset;
  }
  & > [md-button]:last-child {
    margin-right: $icon-button-margin-offset;
  }

  & > md-menu:last-child {
    margin-right: $icon-button-margin-offset;
    & > [md-button] {
      margin-right: 0;
    }
  }

  @media screen and (-ms-high-contrast: active) {
    border-bottom: 1px solid #fff;
  }
}

// Handle mobile portrait
@media only screen and (min-width: 0) and (max-width: $layout-breakpoint-sm) and(orientation: portrait) {
  md-toolbar {
    min-height: $toolbar-height-mobile-portrait;
  }

  .md-toolbar-tools {
    height: $toolbar-height-mobile-portrait;
    max-height: $toolbar-height-mobile-portrait;
  }
}

// Handle mobile landscape
@media only screen and (min-width: 0) and (max-width: $layout-breakpoint-sm) and(orientation: landscape) {
  md-toolbar {
    min-height: $toolbar-height-mobile-landscape;
  }

  .md-toolbar-tools {
    height: $toolbar-height-mobile-landscape;
    max-height: $toolbar-height-mobile-landscape;
  }
}

//
// Theme
//

md-toolbar:not(.md-menu-toolbar) {
  background-color: md-color($md-primary); //'{{primary-color}}';
  color: md-color($md-primary, default-contrast); //'{{primary-contrast}}';

  md-icon {
    color: md-color($md-primary, default-contrast); //'{{primary-contrast}}';
  }

  [md-button] {
    color: md-color($md-primary, default-contrast); //'{{primary-contrast}}';
  }

  &.md-accent {
    background-color: md-color($md-accent); //'{{accent-color}}';
    color: md-color($md-accent, default-contrast); //'{{accent-contrast}}';
  }
  &.md-warn {<commit_msg>refactor(toolbar): create mixin for toolbar styles<commit_after>@import "../../core/style/variables";
@import "../../core/style/shadows";
@import "../../core/style/default-theme";

// Standard/Desktop Heights
$toolbar-tools-height: 64px !default;
$toolbar-height: 64px !default;
$toolbar-medium-tall-height: 88px !default;
$toolbar-tall-height: 128px !default;
$toolbar-hero-height: 256px !default;

// Mobile portrait heights
$toolbar-tools-height-mobile-portrait: 56px !default;
$toolbar-height-mobile-portrait: 56px !default;

// Mobile landscape heights
$toolbar-tools-height-mobile-landscape: 48px !default;
$toolbar-height-mobile-landscape: 48px !default;

$toolbar-indent-margin: 64px !default;
$toolbar-padding: 16px !default;

$icon-button-margin-offset: rem(-0.800) !default;

@mixin md-toolbar() {
  height: $toolbar-height;
  min-height: $toolbar-height;
  max-height: $toolbar-height;
  // Handle mobile portrait
  @media only screen and (min-width: 0) and (max-width: $layout-breakpoint-sm) and(orientation: portrait) {
    min-height: $toolbar-height-mobile-portrait;
    .md-toolbar-tools {
      height: $toolbar-height-mobile-portrait;
      max-height: $toolbar-height-mobile-portrait;
    }
  }
  // Handle mobile landscape
  @media only screen and (min-width: 0) and (max-width: $layout-breakpoint-sm) and(orientation: landscape) {
    min-height: $toolbar-height-mobile-landscape;
    .md-toolbar-tools {
      height: $toolbar-height-mobile-landscape;
      max-height: $toolbar-height-mobile-landscape;
    }
  }
}

@mixin md-tall-toolbar() {
  height: $toolbar-tall-height;
  min-height: $toolbar-tall-height;
  max-height: $toolbar-tall-height;
}

@mixin md-medium-tall-toolbar() {
  height: $toolbar-medium-tall-height;
  min-height: $toolbar-medium-tall-height;
  max-height: $toolbar-medium-tall-height;
}

@mixin md-hero-toolbar() {
  height: $toolbar-hero-height;
  min-height: $toolbar-hero-height;
  max-height: $toolbar-hero-height;
}

md-toolbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  position: relative;
  z-index: 2;

  font-size: rem(2.0);
  min-height: $baseline-grid * 8;
  width: 100%;

  @include md-toolbar();

  &.md-whiteframe-z1-add, &.md-whiteframe-z1-remove {
    transition: box-shadow $swift-ease-in-out-duration linear;
  }

  md-toolbar-filler {
    width: 9 * $baseline-grid;
  }

  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }

  &.md-tall {
    @include md-tall-toolbar();
  }

  &.md-hero {
    @include md-hero-toolbar();
  }

  &.md-medium-tall {
    @include md-medium-tall-toolbar();
    .md-toolbar-tools {
      height: 48px;
      min-height: 48px;
      max-height: 48px;
    }
  }

  > .md-indent {
    margin-left: $toolbar-indent-margin;
  }

  ~ md-content {
    &:not([scroll-shrink]) {
      overflow: hidden;
    }
    > md-list {
      padding: 0;

      md-list-item:last-child {
        md-divider {
          display: none;
        }
      }
    }
  }
}

.md-toolbar-tools {
  font-size: $title-font-size-base;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: row;

  width: 100%;
  height: $toolbar-tools-height;
  max-height: $toolbar-tools-height;
  padding: 0 $toolbar-padding;
  margin: 0;

  h1, h2, h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
  }

  a {
    color: inherit;
    text-decoration: none;
  }
  .fill-height {
    display: flex;
    align-items: center;
  }
  [md-button] {
    margin-top: 0;
    margin-bottom: 0;
  }
  & > [md-button]:first-child {
    margin-left: $icon-button-margin-offset;
  }
  & > [md-button]:last-child {
    margin-right: $icon-button-margin-offset;
  }

  & > md-menu:last-child {
    margin-right: $icon-button-margin-offset;
    & > [md-button] {
      margin-right: 0;
    }
  }

  @media screen and (-ms-high-contrast: active) {
    border-bottom: 1px solid #fff;
  }
}

//
// Theme
//

md-toolbar:not(.md-menu-toolbar) {
  background-color: md-color($md-primary); //'{{primary-color}}';
  color: md-color($md-primary, default-contrast); //'{{primary-contrast}}';

  [md-icon] {
    color: md-color($md-primary, default-contrast); //'{{primary-contrast}}';
  }

  [md-button] {
    color: md-color($md-primary, default-contrast); //'{{primary-contrast}}';
  }

  &.md-accent {
    background-color: md-color($md-accent); //'{{accent-color}}';
    color: md-color($md-accent, default-contrast); //'{{accent-contrast}}';
  }
  &.md-warn {
{'fraction_non_alphanumeric': 0.17537145429986492, 'fraction_numerical': 0.014858171994597028, 'mean_word_length': 2.9700625558534406, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2391965', 'n_tokens_mistral': 3442, 'n_tokens_neox': 3247, 'n_words': 571}