<commit_before>/* common.scss
   Sitewide SCSS (theme colors, etc.) goes here.
*/

// https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss

// Used for hover highlights and stuff.
$theme-color-bright: #26a;

$theme-color: darken($theme-color-bright, 20%);

$theme-color-dark: darken($theme-color-bright, 40%);


// brighter theme color for link text and stuff
$theme-color-mid: ($theme-color + $theme-color-bright) / 2;

$theme-nav-hover: $theme-color-mid;

$background-color: #1b1b1b;

$bg-gradient-top: $theme-color;
$bg-gradient-bottom: lighten($background-color, 5);
$bg-gradient-height: 640px;

$body-font-family: 'Open Sans', sans-serif;
$title-font-family: 'Exo 2', $body-font-family;

$transition-small: .2s;
$transition-large: .4s;

$spacing-large: 16px;
$spacing-medium: 8px;
$spacing-small: 4px;

// Bootstrap 4's names for the default spacer.
$spacer: $spacing-medium;
$spacer-x: $spacer;
$spacer-y: $spacer;

// overrides for certain Bootstrap SASS defaults
$brand-primary: $theme-color;
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;

$navbar-default-color: #ddd;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: $theme-nav-hover;

$nav-tabs-border-color: $theme-color-bright;
$nav-tabs-link-hover-border-color: $theme-color-bright;

// default is the brand color, but we want to vary this a bit
$component-active-bg: $theme-color-bright;

// actually, let's just try this...
$brand-primary: $theme-color-bright;

@import './bootstrap.scss';

@mixin awesome-glyph($code) {
    font: normal normal normal 1em/1 FontAwesome;
    content: $code;
}

// This hides content visually but should not block screen readers, scraping
// and so on. Similar CSS is used in WordPress core and the HTML5 boilerplate.
.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.loading-container {
    position: relative;
    min-height: 42px;
}
.loading-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(#fff, .5);
}
.loading-overlay > .fa {
    color: $brand-primary;
    position: absolute;
    left: 50%; top: 50%;
    // fa-3x is about 42px wide, so this centers it nicely in both directions
    margin-left: -21px;
    margin-top: -21px;
}
.loading-overlay.loading-overlay-active {
    display: block;
}

@mixin body-background-mixin() {
    position: relative;
    background: $bg-gradient-bottom;
    background: linear-gradient($bg-gradient-top 0, $bg-gradient-bottom $bg-gradient-height);
}
<commit_msg>main2018: Tweak main navbar colors<commit_after>/* common.scss
   Sitewide SCSS (theme colors, etc.) goes here.
*/

// https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss

// Used for hover highlights and stuff.
$theme-color-bright: #26a;

$theme-color: darken($theme-color-bright, 15%);

$theme-color-dark: darken($theme-color-bright, 25%);


// brighter theme color for link text and stuff
$theme-color-mid: ($theme-color + $theme-color-bright) / 2;

$theme-nav-hover: $theme-color-mid;

$background-color: #1b1b1b;

$bg-gradient-top: $theme-color;
$bg-gradient-bottom: lighten($background-color, 5);
$bg-gradient-height: 640px;

$body-font-family: 'Open Sans', sans-serif;
$title-font-family: 'Exo 2', $body-font-family;

$transition-small: .2s;
$transition-large: .4s;

$spacing-large: 16px;
$spacing-medium: 8px;
$spacing-small: 4px;

// Bootstrap 4's names for the default spacer.
$spacer: $spacing-medium;
$spacer-x: $spacer;
$spacer-y: $spacer;

// overrides for certain Bootstrap SASS defaults
$brand-primary: $theme-color;
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;

$navbar-default-color: #ddd;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: $theme-nav-hover;

$nav-tabs-border-color: $theme-color-bright;
$nav-tabs-link-hover-border-color: $theme-color-bright;

// default is the brand color, but we want to vary this a bit
$component-active-bg: $theme-color-bright;

// actually, let's just try this...
$brand-primary: $theme-color-bright;

@import './bootstrap.scss';

@mixin awesome-glyph($code) {
    font: normal normal normal 1em/1 FontAwesome;
    content: $code;
}

// This hides content visually but should not block screen readers, scraping
// and so on. Similar CSS is used in WordPress core and the HTML5 boilerplate.
.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.loading-container {
    position: relative;
    min-height: 42px;
}
.loading-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(#fff, .5);
}
.loading-overlay > .fa {
    color: $brand-primary;
    position: absolute;
    left: 50%; top: 50%;
    // fa-3x is about 42px wide, so this centers it nicely in both directions
    margin-left: -21px;
    margin-top: -21px;
}
.loading-overlay.loading-overlay-active {
    display: block;
}

@mixin body-background-mixin() {
    position: relative;
    background: $bg-gradient-bottom;
    background: linear-gradient($bg-gradient-top 0, $bg-gradient-bottom $bg-gradient-height);
}

{'fraction_non_alphanumeric': 0.15434985968194576, 'fraction_numerical': 0.0205799812909261, 'mean_word_length': 3.726790450928382, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '824079', 'n_tokens_mistral': 2032, 'n_tokens_neox': 1858, 'n_words': 480}