<commit_before>@mixin md-pickers-portrait() {
  width: $md-pickers-portrait-width;

  &.date-picker {

    .md-display-1 {
      display: inline-block;
    }
  }

  .md-picker-header {
    height: $md-pickers-portrait-header-height;
  }

  .md-time-periods {
    display: inline-block;
    padding-left: 1em;
    padding-right: $md-dialog-padding;
  }

  .md-picker-content {
    height: $md-pickers-portrait-content-height;
  }

  .md-display-3 {
    font-size: 4.8em;
    line-height: 1;
  }

  .md-dows {
    padding-bottom: $md-dialog-padding / 2;
  }

  .md-calendar-date-placeholder,
  .md-calendar-date {
    height: $md-date-picker-portrait-date-size;
  }

  .md-calendar-date:after {
    height: $md-date-picker-portrait-ball-size;
    width: $md-date-picker-portrait-ball-size;
  }

  .md-clock {
    height: $md-clock-portrait-size;
    width: $md-clock-portrait-size;
  }
}

@mixin md-pickers-landscape() {
  display: flex;
  width: $md-pickers-landscape-width;

  .md-picker-header {
    width: $md-pickers-landscape-header-width;
  }

  .md-picker-content {
    height: $md-pickers-landscape-content-height;
    width: $md-pickers-landscape-width - $md-pickers-landscape-header-width;
  }

  .md-calendar-date-placeholder,
  .md-calendar-date {
    height: $md-date-picker-landscape-date-size;
  }

  .md-calendar-date:after {
    height: $md-date-picker-landscape-ball-size;
    width: $md-date-picker-landscape-ball-size;
  }


  &.time-picker .md-picker-header {
    padding-top: $md-pickers-landscape-content-height / 3;
  }

  .md-clock {
    height: $md-clock-landscape-size;
    width: $md-clock-landscape-size;
  }

  .md-time-periods {
    margin-left: auto;
    margin-right: 2.5em;
    width: 35px;
  }

  .md-display-3 {
    font-size: 3.25em;
  }
}


@mixin md-date-picker-mobile() {
  .md-picker:not(.landscape) {
    @include md-pickers-portrait();
  }
}

@mixin md-date-picker-desktop() {
  .md-picker:not(.portrait) {
    @include md-pickers-landscape();
  }
}

/// Themes a date picker with the given colors
///
/// @example scss - Basic Usage SASS
///   .my-primary-theme {
///     @inlude md-theme-date-pickers(get-md-color(indigo), get-md-color(indigo, 5));
///   }
///
/// @example scss - Basic Usage Output SCSS
///   .my-primary-theme {
///     .md-date-picker-header,
///     .md-calendar-date.active:after {
///       background: #3f51b5;
///     }
///
///     .md-calendar-date.today,
///     .md-year.active {
///        color: #3f51b5;
///     }
///
///     .md-date-picker-date,
///     .md-date-picker-year {
///       color: rgba(255, 255, 255, 0.7);
///     }
///
///     .md-date-picker-date.active,
///     .md-date-picker-year.active,
///     .md-calendar-date:not([disabled]):hover,
///     .md-calendar-date:not([disabled]):focus,<commit_msg>Removed get-md-colors from picker examples<commit_after>@mixin md-pickers-portrait() {
  width: $md-pickers-portrait-width;

  &.date-picker {

    .md-display-1 {
      display: inline-block;
    }
  }

  .md-picker-header {
    height: $md-pickers-portrait-header-height;
  }

  .md-time-periods {
    display: inline-block;
    padding-left: 1em;
    padding-right: $md-dialog-padding;
  }

  .md-picker-content {
    height: $md-pickers-portrait-content-height;
  }

  .md-display-3 {
    font-size: 4.8em;
    line-height: 1;
  }

  .md-dows {
    padding-bottom: $md-dialog-padding / 2;
  }

  .md-calendar-date-placeholder,
  .md-calendar-date {
    height: $md-date-picker-portrait-date-size;
  }

  .md-calendar-date:after {
    height: $md-date-picker-portrait-ball-size;
    width: $md-date-picker-portrait-ball-size;
  }

  .md-clock {
    height: $md-clock-portrait-size;
    width: $md-clock-portrait-size;
  }
}

@mixin md-pickers-landscape() {
  display: flex;
  width: $md-pickers-landscape-width;

  .md-picker-header {
    width: $md-pickers-landscape-header-width;
  }

  .md-picker-content {
    height: $md-pickers-landscape-content-height;
    width: $md-pickers-landscape-width - $md-pickers-landscape-header-width;
  }

  .md-calendar-date-placeholder,
  .md-calendar-date {
    height: $md-date-picker-landscape-date-size;
  }

  .md-calendar-date:after {
    height: $md-date-picker-landscape-ball-size;
    width: $md-date-picker-landscape-ball-size;
  }


  &.time-picker .md-picker-header {
    padding-top: $md-pickers-landscape-content-height / 3;
  }

  .md-clock {
    height: $md-clock-landscape-size;
    width: $md-clock-landscape-size;
  }

  .md-time-periods {
    margin-left: auto;
    margin-right: 2.5em;
    width: 35px;
  }

  .md-display-3 {
    font-size: 3.25em;
  }
}


@mixin md-date-picker-mobile() {
  .md-picker:not(.landscape) {
    @include md-pickers-portrait();
  }
}

@mixin md-date-picker-desktop() {
  .md-picker:not(.portrait) {
    @include md-pickers-landscape();
  }
}

/// Themes a date picker with the given colors
///
/// @example scss - Basic Usage SASS
///   .my-primary-theme {
///     @inlude md-theme-date-pickers($md-indigo-500, $md-indigo-400);
///   }
///
/// @example scss - Basic Usage Output SCSS
///   .my-primary-theme {
///     .md-date-picker-header,
///     .md-calendar-date.active:after {
///       background: #3f51b5;
///     }
///
///     .md-calendar-date.today,
///     .md-year.active {
///        color: #3f51b5;
///     }
///
///     .md-date-picker-date,
///     .md-date-picker-year {
///       color: rgba(255, 255, 255, 0.7);
///     }
///
///     .md-date-picker-date.active,
///     .md-date-picker-year.active,
///     .md-calendar-date:not([disabled]):hover,
///     .md-calendar-date:not([disabled]):focus,
{'fraction_non_alphanumeric': 0.19011067475901464, 'fraction_numerical': 0.013745091038914673, 'mean_word_length': 2.234988452655889, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '7375693', 'n_tokens_mistral': 2283, 'n_tokens_neox': 2177, 'n_words': 286}