<commit_before>.mobile-hidden {
  .mq_640({
    display: none !important;
  });
}


[id|="twitter-widget"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 1rem 0 !important;
}
.twitter-tweet {
  &:not(:empty) {
    .flexy(center);
    font-size: inherit;
    font-weight: inherit;
    min-height: (186px - 24);
    margin: 1em 0;
    padding: 1.25rem 0 1.250rem 1.875rem;
    border-color: #eee #ddd #bbb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px fade(@black, 15);
    a {
      &:before {
        content: attr(data-loading-tweet);
      }
      &:after {
        .animation(tweet-load @run_slow @bezier_fadein 3s both);
        content: attr(data-failed-tweet);
      }
    }
  }
}
@keyframes tweet-load {
 0%   {opacity: 0;}
 100% {opacity: 1;}
}
@-webkit-keyframes tweet-load {
 0%   {opacity: 0;}
 100% {opacity: 1;}
}
span {
 > i {
   > .iconpile {
     height: .75em;
     width: .75em;
     [class|="stroke"] {
       stroke-width: 12;
     }
   }
 }
}

// Palette Settings //
@sections:     20;  // Evenly distributed hues, should be a divisor of spectrum
@spectrum:    360;  // Should be 360, see wikipedia.org/wiki/HSL_and_HSV
@starting:      5;  // Starting position on specturm, keep small to start at red

// Palette Blending //
@saturant:    66%;  // Saturation applied to each base color
@strength:    99%;  // Lightness applied to each base color
@compound:    33%;  // Tinge blended into each base color
@softness:    13%;  // Lighten applied to each soft color
@darkness:    21%;  // Black overlaid to balance lighten
@deepness:    21%;  // Darken applied to each deep color
@liteness:    21%;  // White overlaid to balance darken

// Palette Pigments //
@hue_roja:    00;   // Integer > 0
@hue_oran:    01;   // Distributed integer
@hue_yell:    03;   // Distributed integer
@hue_gree:    06;   // Distributed integer
@hue_cyan:    09;   // Distributed integer
@hue_blue:    11;   // Distributed integer
@hue_purp:    15;   // Distributed integer
@hue_pink:    17;   // Integer < "sections"

@red_base:    hsv(@starting + (@hue_roja * (@spectrum / @sections)), @saturant, @strength);
@orange_base: hsv(@starting + (@hue_oran * (@spectrum / @sections)), @saturant, @strength);
@yellow_base: hsv(@starting + (@hue_yell * (@spectrum / @sections)), @saturant, @strength);
@green_base:  hsv(@starting + (@hue_gree * (@spectrum / @sections)), @saturant, @strength);
@cyan_base:   hsv(@starting + (@hue_cyan * (@spectrum / @sections)), @saturant, @strength);
@blue_base:   hsv(@starting + (@hue_blue * (@spectrum / @sections)), @saturant, @strength);
@purple_base: hsv(@starting + (@hue_purp * (@spectrum / @sections)), @saturant, @strength);
@pink_base:   hsv(@starting + (@hue_pink * (@spectrum / @sections)), @saturant, @strength);

@red:         softlight(@red_base,    fade(@tinge, @compound));
@orange:      softlight(@orange_base, fade(@tinge, @compound));
@yellow:      softlight(@yellow_base, fade(@tinge, @compound));
@green:       softlight(@green_base,  fade(@tinge, @compound));
@cyan:        softlight(@cyan_base,   fade(@tinge, @compound));
@blue:        softlight(@blue_base,   fade(@tinge, @compound));
@purple:      softlight(@purple_base, fade(@tinge, @compound));
@pink:        softlight(@pink_base,   fade(@tinge, @compound));

@red_soft:    overlay(lighten(@red,    @softness), fade(@black, @darkness));
@orange_soft: overlay(lighten(@orange, @softness), fade(@black, @darkness));
@yellow_soft: overlay(lighten(@yellow, @softness), fade(@black, @darkness));
@green_soft:  overlay(lighten(@green,  @softness), fade(@black, @darkness));
@cyan_soft:   overlay(lighten(@cyan,   @softness), fade(@black, @darkness));
@blue_soft:   overlay(lighten(@blue,   @softness), fade(@black, @darkness));
@purple_soft: overlay(lighten(@purple, @softness), fade(@black, @darkness));
@pink_soft:   overlay(lighten(@pink,   @softness), fade(@black, @darkness));

@red_deep:    overlay( darken(@red,    @deepness), fade(@white, @liteness));
@orange_deep: overlay( darken(@orange, @deepness), fade(@white, @liteness));
@yellow_deep: overlay( darken(@yellow, @deepness), fade(@white, @liteness));
@green_deep:  overlay( darken(@green,  @deepness), fade(@white, @liteness));
@cyan_deep:   overlay( darken(@cyan,   @deepness), fade(@white, @liteness));
@blue_deep:   overlay( darken(@blue,   @deepness), fade(@white, @liteness));
@purple_deep: overlay( darken(@purple, @deepness), fade(@white, @liteness));
@pink_deep:   overlay( darken(@pink,   @deepness), fade(@white, @liteness));

.red {
  color: @red !important;
  stroke: @red !important;
}
.orange {
  color: @orange !important;
  stroke: @orange !important;
}
.yellow {
  color: @yellow !important;
  stroke: @yellow !important;
}
.green  {
  color: @green !important;
  stroke: @green !important;
}
.cyan {
  color: @cyan !important;
  stroke: @cyan !important;
}
.blue {
  color: @blue !important;
  stroke: @blue !important;
}
.purple {
  color: @purple !important;
  stroke: @purple !important;
}
.pink {
  color: @pink !important;
  stroke: @pink !important;
}

.message { // only for testings colors in order
  &:nth-child(01)>span:first-child{color: @red_soft !important;}
  &:nth-child(02)>span:first-child{color: @orange_soft !important;}
  &:nth-child(03)>span:first-child{color: @yellow_soft !important;}
  &:nth-child(04)>span:first-child{color: @green_soft !important;}
  &:nth-child(05)>span:first-child{color: @cyan_soft !important;}
  &:nth-child(06)>span:first-child{color: @blue_soft !important;}
  &:nth-child(07)>span:first-child{color: @purple_soft !important;}
  &:nth-child(08)>span:first-child{color: @pink_soft !important;}

  &:nth-child(09)>span:first-child{color: @red !important;}
  &:nth-child(10)>span:first-child{color: @orange !important;}
  &:nth-child(11)>span:first-child{color: @yellow !important;}
  &:nth-child(12)>span:first-child{color: @green !important;}
  &:nth-child(13)>span:first-child{color: @cyan !important;}
  &:nth-child(14)>span:first-child{color: @blue !important;}
  &:nth-child(15)>span:first-child{color: @purple !important;}
  &:nth-child(16)>span:first-child{color: @pink !important;}<commit_msg>initial pass at making colors work for everything<commit_after>.mobile-hidden {
  .mq_640({
    display: none !important;
  });
}


[id|="twitter-widget"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 1rem 0 !important;
}
.twitter-tweet {
  &:not(:empty) {
    .flexy(center);
    font-size: inherit;
    font-weight: inherit;
    min-height: (186px - 24);
    margin: 1em 0;
    padding: 1.25rem 0 1.250rem 1.875rem;
    border-color: #eee #ddd #bbb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px fade(@black, 15);
    a {
      &:before {
        content: attr(data-loading-tweet);
      }
      &:after {
        .animation(tweet-load @run_slow @bezier_fadein 3s both);
        content: attr(data-failed-tweet);
      }
    }
  }
}
@keyframes tweet-load {
 0%   {opacity: 0;}
 100% {opacity: 1;}
}
@-webkit-keyframes tweet-load {
 0%   {opacity: 0;}
 100% {opacity: 1;}
}
span {
 > i {
   > .iconpile {
     height: .75em;
     width: .75em;
     [class|="stroke"] {
       stroke-width: 12;
     }
   }
 }
}

// Palette Settings //
@sections:     20;  // Evenly distributed hues, should be a divisor of spectrum
@spectrum:    360;  // Should be 360, see wikipedia.org/wiki/HSL_and_HSV
@starting:      5;  // Starting position on specturm, keep small to start at red

// Palette Blending //
@saturant:    66%;  // Saturation applied to each base color
@strength:    99%;  // Lightness applied to each base color
@compound:    33%;  // Tinge blended into each base color
@softness:    13%;  // Lighten applied to each soft color
@darkness:    21%;  // Black overlaid to balance lighten
@deepness:    21%;  // Darken applied to each deep color
@liteness:    21%;  // White overlaid to balance darken

// Palette Pigments //
@hue_roja:    00;   // Integer > 0
@hue_oran:    01;   // Distributed integer
@hue_yell:    03;   // Distributed integer
@hue_gree:    06;   // Distributed integer
@hue_cyan:    09;   // Distributed integer
@hue_blue:    11;   // Distributed integer
@hue_purp:    15;   // Distributed integer
@hue_pink:    17;   // Integer < "sections"

@red_base:    hsv(@starting + (@hue_roja * (@spectrum / @sections)), @saturant, @strength);
@orange_base: hsv(@starting + (@hue_oran * (@spectrum / @sections)), @saturant, @strength);
@yellow_base: hsv(@starting + (@hue_yell * (@spectrum / @sections)), @saturant, @strength);
@green_base:  hsv(@starting + (@hue_gree * (@spectrum / @sections)), @saturant, @strength);
@cyan_base:   hsv(@starting + (@hue_cyan * (@spectrum / @sections)), @saturant, @strength);
@blue_base:   hsv(@starting + (@hue_blue * (@spectrum / @sections)), @saturant, @strength);
@purple_base: hsv(@starting + (@hue_purp * (@spectrum / @sections)), @saturant, @strength);
@pink_base:   hsv(@starting + (@hue_pink * (@spectrum / @sections)), @saturant, @strength);

@red:         softlight(@red_base,    fade(@tinge, @compound));
@orange:      softlight(@orange_base, fade(@tinge, @compound));
@yellow:      softlight(@yellow_base, fade(@tinge, @compound));
@green:       softlight(@green_base,  fade(@tinge, @compound));
@cyan:        softlight(@cyan_base,   fade(@tinge, @compound));
@blue:        softlight(@blue_base,   fade(@tinge, @compound));
@purple:      softlight(@purple_base, fade(@tinge, @compound));
@pink:        softlight(@pink_base,   fade(@tinge, @compound));

@red_soft:    overlay(lighten(@red,    @softness), fade(@black, @darkness));
@orange_soft: overlay(lighten(@orange, @softness), fade(@black, @darkness));
@yellow_soft: overlay(lighten(@yellow, @softness), fade(@black, @darkness));
@green_soft:  overlay(lighten(@green,  @softness), fade(@black, @darkness));
@cyan_soft:   overlay(lighten(@cyan,   @softness), fade(@black, @darkness));
@blue_soft:   overlay(lighten(@blue,   @softness), fade(@black, @darkness));
@purple_soft: overlay(lighten(@purple, @softness), fade(@black, @darkness));
@pink_soft:   overlay(lighten(@pink,   @softness), fade(@black, @darkness));

@red_deep:    overlay( darken(@red,    @deepness), fade(@white, @liteness));
@orange_deep: overlay( darken(@orange, @deepness), fade(@white, @liteness));
@yellow_deep: overlay( darken(@yellow, @deepness), fade(@white, @liteness));
@green_deep:  overlay( darken(@green,  @deepness), fade(@white, @liteness));
@cyan_deep:   overlay( darken(@cyan,   @deepness), fade(@white, @liteness));
@blue_deep:   overlay( darken(@blue,   @deepness), fade(@white, @liteness));
@purple_deep: overlay( darken(@purple, @deepness), fade(@white, @liteness));
@pink_deep:   overlay( darken(@pink,   @deepness), fade(@white, @liteness));

.define-color-class(color) {
  color: color !important;
  path, path&, rect, rect&, line, line& {
    stroke: color !important;
  }
  text, text& {
    fill: color !important;
  }
}
.define-color-class(@red);
.define-color-class(@orange);
.define-color-class(@yellow);
.define-color-class(@green);
.define-color-class(@cyan);
.define-color-class(@blue);
.define-color-class(@purple);
.define-color-class(@pink);

.message { // only for testings colors in order
  &:nth-child(01)>span:first-child{color: @red_soft !important;}
  &:nth-child(02)>span:first-child{color: @orange_soft !important;}
  &:nth-child(03)>span:first-child{color: @yellow_soft !important;}
  &:nth-child(04)>span:first-child{color: @green_soft !important;}
  &:nth-child(05)>span:first-child{color: @cyan_soft !important;}
  &:nth-child(06)>span:first-child{color: @blue_soft !important;}
  &:nth-child(07)>span:first-child{color: @purple_soft !important;}
  &:nth-child(08)>span:first-child{color: @pink_soft !important;}

  &:nth-child(09)>span:first-child{color: @red !important;}
  &:nth-child(10)>span:first-child{color: @orange !important;}
  &:nth-child(11)>span:first-child{color: @yellow !important;}
  &:nth-child(12)>span:first-child{color: @green !important;}
  &:nth-child(13)>span:first-child{color: @cyan !important;}
  &:nth-child(14)>span:first-child{color: @blue !important;}
  &:nth-child(15)>span:first-child{color: @purple !important;}
  &:nth-child(16)>span:first-child{color: @pink !important;}
{'fraction_non_alphanumeric': 0.1826009260011372, 'fraction_numerical': 0.02079441150190886, 'mean_word_length': 4.367044463818657, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 41, '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': '7543048', 'n_tokens_mistral': 4798, 'n_tokens_neox': 4407, 'n_words': 970}