<commit_before>// Copyright (C) 2013-2016 <NAME>, <<EMAIL>>.
// This file is distributed under the MIT licence. For more information,
// please refer to the accompanying "LICENCE" file.

@import "bourbon";

$base-background-colour: #2980b9;
$base-font-size: 16px;
$base-foreground-colour: #ffffff;
$base-line-height: 24px;

@mixin link-junk($background-colour, $foreground-colour, $underline: true,
    $font-size: $base-font-size) {
  a {
    @include transition(background-color 0.1s, color 0.2s);
    border-radius: em($base-line-height / 4, $font-size);
    color: $foreground-colour;
    margin: 0 em($base-line-height / -4, $font-size);
    padding: 0 em($base-line-height / 4, $font-size);
    white-space: pre;
    @if ($underline == false) {
      text-decoration: none; }
    &:active, &:focus, &:hover, &:visited:hover {
      background-color: $foreground-colour;
      color: $background-colour; }
    &:visited {
      background-color: $background-colour;
      color: $foreground-colour; } } }

body {
  background-color: $base-background-colour;
  color: $base-foreground-colour;
  // Setting the font size initially to 100% avoids the Internet
  // Explorer 6 and Internet Explorer 7 exaggerated text-resizing bug
  // (see <http://alistapart.com/article/howtosizetextincss#section5>).
  font: 100%/1.5 $helvetica;
  @if ($base-font-size != 16px) {
    font-size: percentage($base-font-size / 16px); }
  -webkit-font-smoothing: antialiasing;
  margin: 0;
  // Internet Explorer 6 hates us and doesn't center block elements with
  // just "margin-left: auto; margin-right: auto" alone.
  text-align: center;
  -webkit-text-size-adjust: 100%;
  @media screen and (max-width: em(500px, $base-font-size)) {
    font-size: percentage(($base-font-size * 0.875) / $base-font-size); } }

/* footer */.footer {
  line-height : em($base-line-height, $base-font-size);
  margin: em($base-line-height * 4, $base-font-size);
  @media screen and (max-width: em(500px, $base-font-size)) {
    margin: em($base-line-height * 2, $base-font-size) 0; } }

/* div */.header {
  margin: em($base-line-height * 4, $base-font-size) 0;
  @media screen and (max-width: em(500px, $base-font-size)) {
    margin: em($base-line-height * 2, $base-font-size) 0; }
  /* h1 */ &__header {
    $font-size: 32px;
    font-size: percentage($font-size / $base-font-size);
    line-height: em($font-size, $font-size);
    margin: 0;
    @media screen and (max-width: em(500px, $base-font-size)) {
      span {
        display: none; } } }
  /* ul */ &__navigation-list {
    list-style: none;
    margin: em($base-line-height / 4, $base-font-size) 0 0 0;
    padding: 0;
    text-transform: uppercase;
    /* li */ &__item {
      @include link-junk($base-background-colour, $base-foreground-colour, false);
      display: inline-block;
      font-weight: bold;
      padding: 0 em($base-line-height / 2, $base-font-size) 0 0;
      &:last-child {
        padding: 0; }
      @media screen and (max-width: em(500px, $base-font-size)) {
        &:first-child {
          display: block;
          padding: 0; } } } } }

/* img */.image {
  border: em($base-line-height, $base-font-size) solid #ffffff;
  box-shadow: 0 em($base-line-height / 2, $base-font-size)
      em($base-line-height, $base-font-size) rgba(#000000, 0.1);
  display: block;
  margin: em($base-line-height, $base-font-size) auto 0 auto;
  @media screen and (max-width: em(500px, $base-font-size)) {
    border: 0;
    box-shadow: none;
    height: auto;
    margin: 0;
    max-width: 100%; } }

.javascript {
  .image {
    opacity: 0;
    transition: opacity 3s;
    &--js-show {
      opacity: 1; } } }

<commit_msg>Fiddle with art portfolio loading animation.<commit_after>// Copyright (C) 2013-2016 <NAME>, <<EMAIL>>.
// This file is distributed under the MIT licence. For more information,
// please refer to the accompanying "LICENCE" file.

@import "bourbon";

$base-background-colour: #2980b9;
$base-font-size: 16px;
$base-foreground-colour: #ffffff;
$base-line-height: 24px;

@mixin link-junk($background-colour, $foreground-colour, $underline: true,
    $font-size: $base-font-size) {
  a {
    @include transition(background-color 0.1s, color 0.2s);
    border-radius: em($base-line-height / 4, $font-size);
    color: $foreground-colour;
    margin: 0 em($base-line-height / -4, $font-size);
    padding: 0 em($base-line-height / 4, $font-size);
    white-space: pre;
    @if ($underline == false) {
      text-decoration: none; }
    &:active, &:focus, &:hover, &:visited:hover {
      background-color: $foreground-colour;
      color: $background-colour; }
    &:visited {
      background-color: $background-colour;
      color: $foreground-colour; } } }

body {
  background-color: $base-background-colour;
  color: $base-foreground-colour;
  // Setting the font size initially to 100% avoids the Internet
  // Explorer 6 and Internet Explorer 7 exaggerated text-resizing bug
  // (see <http://alistapart.com/article/howtosizetextincss#section5>).
  font: 100%/1.5 $helvetica;
  @if ($base-font-size != 16px) {
    font-size: percentage($base-font-size / 16px); }
  -webkit-font-smoothing: antialiasing;
  margin: 0;
  // Internet Explorer 6 hates us and doesn't center block elements with
  // just "margin-left: auto; margin-right: auto" alone.
  text-align: center;
  -webkit-text-size-adjust: 100%;
  @media screen and (max-width: em(500px, $base-font-size)) {
    font-size: percentage(($base-font-size * 0.875) / $base-font-size); } }

/* footer */.footer {
  line-height : em($base-line-height, $base-font-size);
  margin: em($base-line-height * 4, $base-font-size);
  @media screen and (max-width: em(500px, $base-font-size)) {
    margin: em($base-line-height * 2, $base-font-size) 0; } }

/* div */.header {
  margin: em($base-line-height * 4, $base-font-size) 0;
  @media screen and (max-width: em(500px, $base-font-size)) {
    margin: em($base-line-height * 2, $base-font-size) 0; }
  /* h1 */ &__header {
    $font-size: 32px;
    font-size: percentage($font-size / $base-font-size);
    line-height: em($font-size, $font-size);
    margin: 0;
    @media screen and (max-width: em(500px, $base-font-size)) {
      span {
        display: none; } } }
  /* ul */ &__navigation-list {
    list-style: none;
    margin: em($base-line-height / 4, $base-font-size) 0 0 0;
    padding: 0;
    text-transform: uppercase;
    /* li */ &__item {
      @include link-junk($base-background-colour, $base-foreground-colour, false);
      display: inline-block;
      font-weight: bold;
      padding: 0 em($base-line-height / 2, $base-font-size) 0 0;
      &:last-child {
        padding: 0; }
      @media screen and (max-width: em(500px, $base-font-size)) {
        &:first-child {
          display: block;
          padding: 0; } } } } }

/* img */.image {
  border: em($base-line-height, $base-font-size) solid #ffffff;
  box-shadow: 0 em($base-line-height / 2, $base-font-size)
      em($base-line-height, $base-font-size) rgba(#000000, 0.1);
  display: block;
  margin: em($base-line-height, $base-font-size) auto 0 auto;
  @media screen and (max-width: em(500px, $base-font-size)) {
    border: 0;
    box-shadow: none;
    height: auto;
    margin: 0;
    max-width: 100%; } }

.javascript {
  .image {
    @include transform(translate3d(-2.5%, 0, 0));
    opacity: 0;
    transition: opacity 1s, transform 1s;
    &:nth-child(odd) {
      @include transform(translate3d(2.5%, 0, 0)); }
    &--js-show {
      @include transform(translate3d(0, 0, 0));
      opacity: 1; } } }


{'fraction_non_alphanumeric': 0.17370581226002912, 'fraction_numerical': 0.03084866940288627, 'mean_word_length': 2.996825396825397, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, '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': '6481823', 'n_tokens_mistral': 2917, 'n_tokens_neox': 2670, 'n_words': 636}