<commit_before>@import "../../../styles/mixins";


$red: darken(red, 10%) !important;
$green: darken(green, 5%) !important;
$white: darken(white, 30%) !important;
$black: lighten(black, 10%) !important;
.dart-board {
  svg {
    display: block;
    height: 100% !important;
    width: 100%;
    margin: 0 auto !important;
    overflow: hidden;
  }
  svg text {
    font-size: 2rem;
    font-family: Verdana;
    text-align: center !important;
    cursor: pointer;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  svg g g:nth-child(odd) text {
    fill: #fff;
  }
  svg g g:nth-child(even) text {
    fill: #fff;
  }
  // upper background color np:20
  svg g g g g:nth-child(odd) path:nth-child(2) {
    fill: $red;
  }
  // middle background color np:20
  svg g g g g:nth-child(odd) path:nth-child(3),
  svg g g g g:nth-child(odd) path:nth-child(5) {
    fill: $black;
  }
  svg g g g g:nth-child(odd) text:nth-child(6) {
    font-size: 3.5rem;
  }
  // lower background color np:20
  svg g g g g:nth-child(odd) path:nth-child(4) {
    fill: $red;
  }
  ////////////////////////////////////////////////////////////
  ////////////////////////////////////////////////////////////

  // upper background color np:1
  svg g g g g:nth-child(even) path:nth-child(2) {
    fill: $green;
  }
  // upper background color np:1
  svg g g g g:nth-child(even) path:nth-child(3),
  svg g g g g:nth-child(even) path:nth-child(5) {
    fill: $white;
  }
  svg g g g g:nth-child(even) text:nth-child(6) {
    font-size: 3.5rem;
  }
  // upper background color np:1
  svg g g g g:nth-child(even) path:nth-child(4) {
    fill: $green;
  }

  ////////////////////////////////////////////////////////////
  ////////////////////////////////////////////////////////////

  svg g g g g:last-child circle:first-child {
    fill: $green;
  }
  svg g g g g:last-child circle:last-child {
    fill: $red;
  }
}<commit_msg>feat: 501 game & layout<commit_after>@import "../../../styles/mixins";


$red: darken(red, 10%) ;
$green: darken(green, 5%) ;
$white: darken(white, 30%) ;
$black: lighten(black, 10%) ;

.dart-board {
  svg {
    display: block;
    height: 100% !important;
    width: 100%;
    margin: 0 auto !important;
    overflow: hidden;
  }
  svg text {
    font-size: 2rem;
    font-family: Verdana;
    text-align: center !important;
    cursor: pointer;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  svg g g:nth-child(odd) text {
    fill: rgba(#fff, .7);
  }
  svg g g:nth-child(even) text {
    fill: rgba(#fff, .7);
  }
  // upper background color np:20
  svg g g g g:nth-child(odd) path:nth-child(2) {
    fill: $red;
  }
  // middle background color np:20
  svg g g g g:nth-child(odd) path:nth-child(3),
  svg g g g g:nth-child(odd) path:nth-child(5) {
    fill: $black;
  }
  svg g g g g:nth-child(odd) text:nth-child(6) {
    font-size: 3.5rem;
  }
  // lower background color np:20
  svg g g g g:nth-child(odd) path:nth-child(4) {
    fill: $red;
  }
  ////////////////////////////////////////////////////////////
  ////////////////////////////////////////////////////////////

  // upper background color np:1
  svg g g g g:nth-child(even) path:nth-child(2) {
    fill: $green;
  }
  // upper background color np:1
  svg g g g g:nth-child(even) path:nth-child(3),
  svg g g g g:nth-child(even) path:nth-child(5) {
    fill: $white;
  }
  svg g g g g:nth-child(even) text:nth-child(6) {
    font-size: 3.5rem;
  }
  // upper background color np:1
  svg g g g g:nth-child(even) path:nth-child(4) {
    fill: $green;
  }

  ////////////////////////////////////////////////////////////
  ////////////////////////////////////////////////////////////

  svg g g g g:last-child circle:first-child {
    fill: $green;
  }
  svg g g g g:last-child circle:last-child {
    fill: $red;
  }

  svg g g g g path.highlight,
  svg g g g g circle.highlight
  {
    fill: blue !important;
  }
}
{'fraction_non_alphanumeric': 0.2604628261939931, 'fraction_numerical': 0.019940915805022157, 'mean_word_length': 1.7452702702702703, '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': '3725995', 'n_tokens_mistral': 1586, 'n_tokens_neox': 1490, 'n_words': 380}