<commit_before>//------------------------------------
//    #VARIABLES
//------------------------------------





//------------------------------------
//    #COLORS
//------------------------------------


// 1) Color variables involve a two-tier system to keep colors in sync. The
//    first tier defines the brand and neutral colors, and the second tier
//    defines the application of those colors.


// Brand Colors
// 1) Brand color variables use English names to define colors to make
//    palettes easier to identify.
// 2) Brand color variables should typically not be used directly in Sass
//    partials. Instead, use second-tier application colors.
 $color-brand-red: #e3321a;


// Neutral Colors
// 1) Neutral color variables use a numbered system to define variables for
//    better maintainability. "$color-gray-10" means "10% gray", which is
//    a gray closer to white than to black. For more info
//    read http://bit.ly/2kAQa6f
// 2) 1% of the brand color has been added to make the colors feel more
//    human.
 $color-white: #fff;
 $color-gray-02: #f9f7f7;
 $color-gray-10: #e4e2e2;
 $color-gray-20: #cbc9c9;
 $color-gray-40: #999797;
 $color-gray-60: #666464;
 $color-gray-85: #272525;
 $color-gray-90: #1a1818;

 $color-dim-50: rgba(0,0,0,0.5);
 $color-dim-70: rgba(0,0,0,0.7);


// Utility Colors
// 1) Utility colors are colors used to provide feedback, such as alert messages,
// form validation, etc.
 $color-utility-positive: #03804d;
 $color-utility-postitive-subtle: #d4f3e6;
 $color-utility-caution: #a59b15;
 $color-utility-caution-subtle: #fffecf;
 $color-utility-negative: #b12a0b;
 $color-utility-negative-subtle: #fdded8;
 $color-utility-neutral: #0192d0;
 $color-utility-neutral-subtle: #d3f2ff;


// Text Colors
// 1) These are non-linked text colors, such as body copy.
$cor-text: $color-gray-85;
$color-text-subtle: $color-gray-60;


// Heading Colors
// 1) These are non-linked heading colors, such as h2, h3, etc.
$color-heading: $color-gray-85;
$color-heading-accent: $color-gray-60;


// Text Link Colors
// 1) These are for linked text, such as a link found within an article,
//    navigation link, footer link, etc.
$color-text-link: $color-brand-red;
$color-text-link-hover: $color-brand-red;
$color-text-link-visited: $color-brand-red;
$color-text-link-active: $color-gray-85;

$color-text-link-light: $color-white;
$color-text-link-light-hover: $color-white;
$color-text-link-light-visited: $color-white;


// Border Colors
// 1) Border colors are used as decoration or dividers, such as as a seperator
//    for navigation items, block borders, etc.
$color-border: $color-gray-40;





//*------------------------------------
//     #TYPOGRAPHY
//-------------------------------------

$font : "Graphik Regular", "Helvetica", "Arial", sans-serif;
$font-secondary : Georgia, Times, "Times New Roman", serif;

$font-size-small : 0.75rem;
$font-size-small-2 : 0.875rem;
$font-size-med : 1rem;
$font-size-med-2: 1.0625rem;
$font-size-large : 1.4375rem;





//*------------------------------------
//     #LAYOUT
// ------------------------------------
$l-max-width: 80em;

// Spacing Defaults
$space: 8px;
$space-and-half: $space*1.5;
$space-double: $space*2;
$space-quad: $space*4;
$space-half: $space/2;
$pad: 8px;
$pad-and-half: $pad*1.5;
$pad-double: $pad*2;
$pad-quad: $pad*4;
$pad-half: $pad/2;
$pad-quarter:$pad/4;





//------------------------------------
//     #BORDERS
//------------------------------------

// Border Width
 $border-med: 4px;
 $border-thick: 8px;





//------------------------------------
//     #ANIMATION
//------------------------------------

// Animation Duration<commit_msg>Adds additional spacing variables.<commit_after>//------------------------------------
//    #VARIABLES
//------------------------------------





//------------------------------------
//    #COLORS
//------------------------------------


// 1) Color variables involve a two-tier system to keep colors in sync. The
//    first tier defines the brand and neutral colors, and the second tier
//    defines the application of those colors.


// Brand Colors
// 1) Brand color variables use English names to define colors to make
//    palettes easier to identify.
// 2) Brand color variables should typically not be used directly in Sass
//    partials. Instead, use second-tier application colors.
 $color-brand-red: #e3321a;


// Neutral Colors
// 1) Neutral color variables use a numbered system to define variables for
//    better maintainability. "$color-gray-10" means "10% gray", which is
//    a gray closer to white than to black. For more info
//    read http://bit.ly/2kAQa6f
// 2) 1% of the brand color has been added to make the colors feel more
//    human.
 $color-white: #fff;
 $color-gray-02: #f9f7f7;
 $color-gray-10: #e4e2e2;
 $color-gray-20: #cbc9c9;
 $color-gray-40: #999797;
 $color-gray-60: #666464;
 $color-gray-85: #272525;
 $color-gray-90: #1a1818;

 $color-dim-50: rgba(0,0,0,0.5);
 $color-dim-70: rgba(0,0,0,0.7);


// Utility Colors
// 1) Utility colors are colors used to provide feedback, such as alert messages,
// form validation, etc.
 $color-utility-positive: #03804d;
 $color-utility-postitive-subtle: #d4f3e6;
 $color-utility-caution: #a59b15;
 $color-utility-caution-subtle: #fffecf;
 $color-utility-negative: #b12a0b;
 $color-utility-negative-subtle: #fdded8;
 $color-utility-neutral: #0192d0;
 $color-utility-neutral-subtle: #d3f2ff;


// Text Colors
// 1) These are non-linked text colors, such as body copy.
$cor-text: $color-gray-85;
$color-text-subtle: $color-gray-60;


// Heading Colors
// 1) These are non-linked heading colors, such as h2, h3, etc.
$color-heading: $color-gray-85;
$color-heading-accent: $color-gray-60;


// Text Link Colors
// 1) These are for linked text, such as a link found within an article,
//    navigation link, footer link, etc.
$color-text-link: $color-brand-red;
$color-text-link-hover: $color-brand-red;
$color-text-link-visited: $color-brand-red;
$color-text-link-active: $color-gray-85;

$color-text-link-light: $color-white;
$color-text-link-light-hover: $color-white;
$color-text-link-light-visited: $color-white;


// Border Colors
// 1) Border colors are used as decoration or dividers, such as as a seperator
//    for navigation items, block borders, etc.
$color-border: $color-gray-40;





//*------------------------------------
//     #TYPOGRAPHY
//-------------------------------------

$font : "Graphik Regular", "Helvetica", "Arial", sans-serif;
$font-secondary : Georgia, Times, "Times New Roman", serif;

$font-size-small : 0.75rem;
$font-size-small-2 : 0.875rem;
$font-size-med : 1rem;
$font-size-med-2: 1.0625rem;
$font-size-large : 1.4375rem;





//*------------------------------------
//     #LAYOUT
// ------------------------------------
$l-max-width: 80em;

// Spacing Defaults
$space: 8px;
$space-and-half: $space*1.5;
$space-double: $space*2;
$space-triple: $space*3;
$space-quad: $space*4;
$space-quint: $space*5;
$space-half: $space/2;
$pad: 8px;
$pad-and-half: $pad*1.5;
$pad-double: $pad*2;
$pad-quad: $pad*4;
$pad-half: $pad/2;
$pad-quarter:$pad/4;





//------------------------------------
//     #BORDERS
//------------------------------------

// Border Width
 $border-med: 4px;
 $border-thick: 8px;





//------------------------------------
//     #ANIMATION
//------------------------------------

// Animation Duration
{'fraction_non_alphanumeric': 0.2595141700404858, 'fraction_numerical': 0.04183535762483131, 'mean_word_length': 2.099539941447093, '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': '5989272', 'n_tokens_mistral': 2726, 'n_tokens_neox': 2474, 'n_words': 666}