<commit_before>//===========================
// Additional breakpoints
//
// Moved here from b-variables file so that we can load this partial
// after USWDS variables and before other partials.
//===========================
// @media single-keyword helpers
$small: new-breakpoint(min-width $small-screen $grid-columns-small);
$medium: new-breakpoint(min-width $medium-screen $grid-columns-medium);
$large: new-breakpoint(min-width $large-screen $grid-columns-large);

$xsmall-screen:       320px; // QVGA display
$medium-large-screen: 768px;
$medium-screen:       $medium-large-screen;

$medium: new-breakpoint(min-width $medium-large-screen 6);<commit_msg>Include USWDS Grid in Print View (#6734)<commit_after>//===========================
// Additional breakpoints
//
// Moved here from b-variables file so that we can load this partial
// after USWDS variables and before other partials.
//===========================
// @media single-keyword helpers

// This is an override to fix a variable-naming collision between USWDS and Foundation.
// Foundation declares these variables for legacy purposes, while USWDS uses them throughout
// the whole codebase. This is a problem because Foundation's and USWDS's corresponding variables are
// not the same units/types (Foundation's is defined in "em"'s), so USWDS is not able to compile.
// Based on the order of our imports, USWDS should override Foundation's declarations and everything should be fine.
// However, USWDS defines its variables using the "!default" flag, so Foundation's take precedence anyway.
// These next lines redeclare USWDS's variables without that flag, so that the override works as we would expect.
$small: new-breakpoint(min-width $small-screen $grid-columns-small);
$medium: new-breakpoint(min-width $medium-screen $grid-columns-medium);
$large: new-breakpoint(min-width $large-screen $grid-columns-large);

// We do a custom override here, setting our site's medium breakpoint to 768 instead of how USWDS defines it at 600.
$xsmall-screen:       320px; // QVGA display
$medium-large-screen: 768px;
$medium-screen:       $medium-large-screen;

$medium: new-breakpoint(min-width $medium-large-screen 6);

// This is an override on Neat's media mixin to create media queries for both screen and print
// https://github.com/thoughtbot/neat/blob/v1.8.0/app/assets/stylesheets/grid/_media.scss
@mixin media($query: $feature $value $columns, $total-columns: $grid-columns) {
  @if length($query) == 1 {
    @media screen and ($default-feature: nth($query, 1)), print and ($default-feature: nth($query, 1)) {
      $default-grid-columns: $grid-columns;
      $grid-columns: $total-columns !global;
      @content;
      $grid-columns: $default-grid-columns !global;
    }
  } @else {
    $loop-to: length($query);
    $media-query: "screen and ";
    $default-grid-columns: $grid-columns;
    $grid-columns: $total-columns !global;

    @if is-not(is-even(length($query))) {
      $grid-columns: nth($query, $loop-to) !global;
      $loop-to: $loop-to - 1;
    }

    $i: 1;
    @while $i <= $loop-to {
      $media-query: $media-query + "(" + nth($query, $i) + ": " + nth($query, $i + 1) + ") ";

      @if ($i + 1) != $loop-to {
        $media-query: $media-query + "and ";
      }

      $i: $i + 2;
    }

    // Append "print" at the end so that grid layouts always take effect on print.
    $media-query: $media-query + ", print";

    @media #{$media-query} {
      @content;
      $grid-columns: $default-grid-columns !global;
    }
  }
}
{'fraction_non_alphanumeric': 0.16462894512368495, 'fraction_numerical': 0.00995166334944555, 'mean_word_length': 3.635046113306983, 'pattern_counts': {'":': 1, '<': 4, '<?xml version=': 0, '>': 3, 'https://': 1, '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': '2743471', 'n_tokens_mistral': 1118, 'n_tokens_neox': 1058, 'n_words': 341}