<commit_before>////
// Color Palette
$black:         black;
$chicago:       #615B5B;
$light-gray:    #CCC;
$lighter-gray:  #EEE;
$gray:          #888;
$red:           red;
$slate-blue:    #6A5ACD;
$white:         white;
$white-smoke:   #F5F5F5;


////
// Color Scheme
$background-color:  $white;
$primary-color:     $black;
$secondary-color:   $red;

$border-color:      $light-gray;


////
// Media Queries
$bootstrap-screen-sm-min: 768px;
$bootstrap-screen-md-min: 992px;
$bootstrap-screen-lg-min: 1200px;

$breakpoint-screen-tiny:  350px;
$breakpoint-screen-sm:    $bootstrap-screen-sm-min;
$breakpoint-screen-md:    $bootstrap-screen-md-min;
$breakpoint-screen-lg:    $bootstrap-screen-lg-min;


@mixin media-tiny-down {
  @media ( max-width: $breakpoint-screen-tiny - 1 ) { @content; }
}

@mixin media-xs-down {
  @media ( max-width: $breakpoint-screen-sm - 1 ) { @content; }
}
@mixin media-xs-down-landscape {
  @media (min-aspect-ratio: 1/1) and ( max-width: $breakpoint-screen-sm - 1 ) { @content; }
}
@mixin media-xs-down-portrait {
  @media (max-aspect-ratio: 1/1) and ( max-width: $breakpoint-screen-sm - 1 ) { @content; }
}

@mixin media-sm-up {
  @media ( min-width: $breakpoint-screen-sm ) { @content; }
}
@mixin media-sm-up-landscape {
  @media (min-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-sm ) { @content; }
}
@mixin media-sm-up-portrait {
  @media (max-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-sm ) { @content; }
}

@mixin media-md-up {
  @media ( min-width: $breakpoint-screen-md ) { @content; }
}
@mixin media-md-up-landscape {
  @media (min-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-md ) { @content; }
}
@mixin media-md-up-portrait {
  @media (max-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-md ) { @content; }
}

@mixin media-lg-up {
  @media ( min-width: $breakpoint-screen-lg ) { @content; }
}
@mixin media-lg-up-landscape {
  @media (min-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-lg ) { @content; }
}
@mixin media-lg-up-portrait {
  @media (max-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-lg ) { @content; }
}


////
// Typography
@import url( 'https://fonts.googleapis.com/css?family=Comfortaa|Shadows+Into+Light+Two|Questrial' );

.fancy-font {
  color:          $primary-color;
  font-family:    'Shadows Into Light Two', fantasy;<commit_msg>Add font smoothing.<commit_after>////
// Color Palette
$black:         black;
$chicago:       #615B5B;
$light-gray:    #CCC;
$lighter-gray:  #EEE;
$gray:          #888;
$red:           red;
$slate-blue:    #6A5ACD;
$white:         white;
$white-smoke:   #F5F5F5;


////
// Color Scheme
$background-color:  $white;
$primary-color:     $black;
$secondary-color:   $red;

$border-color:      $light-gray;


////
// Media Queries
$bootstrap-screen-sm-min: 768px;
$bootstrap-screen-md-min: 992px;
$bootstrap-screen-lg-min: 1200px;

$breakpoint-screen-tiny:  350px;
$breakpoint-screen-sm:    $bootstrap-screen-sm-min;
$breakpoint-screen-md:    $bootstrap-screen-md-min;
$breakpoint-screen-lg:    $bootstrap-screen-lg-min;


@mixin media-tiny-down {
  @media ( max-width: $breakpoint-screen-tiny - 1 ) { @content; }
}

@mixin media-xs-down {
  @media ( max-width: $breakpoint-screen-sm - 1 ) { @content; }
}
@mixin media-xs-down-landscape {
  @media (min-aspect-ratio: 1/1) and ( max-width: $breakpoint-screen-sm - 1 ) { @content; }
}
@mixin media-xs-down-portrait {
  @media (max-aspect-ratio: 1/1) and ( max-width: $breakpoint-screen-sm - 1 ) { @content; }
}

@mixin media-sm-up {
  @media ( min-width: $breakpoint-screen-sm ) { @content; }
}
@mixin media-sm-up-landscape {
  @media (min-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-sm ) { @content; }
}
@mixin media-sm-up-portrait {
  @media (max-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-sm ) { @content; }
}

@mixin media-md-up {
  @media ( min-width: $breakpoint-screen-md ) { @content; }
}
@mixin media-md-up-landscape {
  @media (min-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-md ) { @content; }
}
@mixin media-md-up-portrait {
  @media (max-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-md ) { @content; }
}

@mixin media-lg-up {
  @media ( min-width: $breakpoint-screen-lg ) { @content; }
}
@mixin media-lg-up-landscape {
  @media (min-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-lg ) { @content; }
}
@mixin media-lg-up-portrait {
  @media (max-aspect-ratio: 1/1) and ( min-width: $breakpoint-screen-lg ) { @content; }
}


////
// Typography
@import url( 'https://fonts.googleapis.com/css?family=Comfortaa|Shadows+Into+Light+Two|Questrial' );

body {
  -webkit-font-smoothing:   antialiased;
  -moz-osx-font-smoothing:  grayscale;
}

.fancy-font {
  color:          $primary-color;
  font-family:    'Shadows Into Light Two', fantasy;
{'fraction_non_alphanumeric': 0.19005847953216373, 'fraction_numerical': 0.018796992481203006, 'mean_word_length': 3.2231040564373896, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '3189095', 'n_tokens_mistral': 1989, 'n_tokens_neox': 1911, 'n_words': 338}