<commit_before>@import '../../fonts/merriweather/merriweather.css';

:--Article {
  --max-width-media: 980px;
  --max-width: 600px;

  /* Font Families */
  --font-family-display: 'Montserrat', 'sans-serif';
  --font-family-body: merriweather, serif;
  --font-family-mono: 'IBM Plex Mono', 'Frra Code', 'monospace';

  /* Font Sizes */
  --font-size-body: 18px;
  --font-size-title: 1.953rem;
  --font-size-blockquote: 5rem;
  --font-size-h1: 1.2rem;
  --font-size-h2: 1.563rem;
  --font-size-h3: 1.25rem;
  --font-size-h4: 1rem;
  --font-size-h5: 0.8rem;
  --font-size-h6: 0.725rem;
  --font-size-90: 90%;
  --font-size-80: 80%;
  --font-size-75: 75%;

  /* Theme Colors */
  --color-stock: #fff;
  --color-key: #363636;

  /* Primary: Used for primary tone of the theme, for buttons, links, and other elements */
  --color-primary-100: #cdddfc;
  --color-primary-200: #b0c8fa;
  --color-primary-300: #8db0f8;
  --color-primary-400: #6092f6;
  --color-primary-500: #1d64f3;
  --color-primary-600: #1a5adb;
  --color-primary-700: #164ebf;
  --color-primary-800: #12409d;
  --color-primary-900: #0d2d6f;

  /* Accent: Used sparingly for design flourishes */
  --color-accent: #5eff5d;

  /* Neutral: For backgrounds and borders */
  --color-neutral-100: #f7fafc;
  --color-neutral-200: #edf2f7;
  --color-neutral-300: #f1f1f2;
  --color-neutral-400: #cbd5e0;
  --color-neutral-500: #a0aec0;
  --color-neutral-600: #718096;
  --color-neutral-700: #4a5568;
  --color-neutral-800: #2d3748;
  --color-neutral-900: #1a202c;

  align-content: center;
  color: var(--color-key);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-family: var(--font-family-body);
  line-height: 1.75;
  font-size: var(--font-size-body);
  padding: 0 2.5%;

  @media screen and (min-width: 720px) {
    padding: 0;
  }

  & > *:not(figure, table) {
    width: 100%;
  }

  * {
    box-sizing: border-box;
  }

  :--Date,
  :--Heading,
  h1,
  h2,
  h3,
  :--Paragraph,
  :--Collection,
  :--List,
  :--Organization,
  :--authors,
  :--description,
  :--affiliations,
  :--references {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-width);
  }

  :--Figure,
  :--CodeBlock {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-width-media);
  }

  :--Collection,
  :--List,
  :--Figure,
  :--Table {
    & > * {
      max-width: 100%;
    }
  }
}

:--Code,
:--CodeBlock,
:--CodeChunk {
  font-family: var(--font-family-mono);

  [slot='outputs'] img {
    max-width: 100%;
  }
}

:--Heading {
  margin-top: 2.75rem;
  margin-bottom: 1rem;
  line-height: 1.25;

  & + :--Heading {
    margin-top: 0;
  }
}

h1:--Heading,
h2:--Heading {
  border-top: 3px double var(--color-neutral-300);
  padding-top: 3rem;
  margin-top: 3rem;
}

h1:--Heading {
  font-weight: 900;
  font-size: var(--font-size-h1);

  &:first-of-type,
  & + h2:--Heading {
    border-top: none;
    padding-top: inherit;
    margin-top: inherit;
  }

  & + h2:--Heading {
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 1px;
    font-size: var(--font-size-h3);
    margin-top: -0.5em;
    color: var(--color-neutral-700);
  }
}

h2:--Heading {
  font-size: --var(font-size-h3);
}

h3:--Heading {
  font-size: --var(font-size-h4);
}

h4:--Heading {
  font-size: --var(font-size-h5);
}

h5:--Heading {
  font-size: --var(font-size-h6);
}

h6:--Heading {
  font-size: --var(font-size-h5);
}

:--Article > h1:--Heading,
:--Article > h1:first-of-type {
  font-size: var(--font-size-title);
}

:--Paragraph {
  & + h1:--Heading,
  & + h2:--Heading {
    margin-top: 2.25rem;
  }

  & + h3:--Heading,
  & + h4:--Heading,
  & + h5:--Heading,
  & + h6:--Heading {
    margin-top: 3.75rem;
    position: relative;

    &::before {
      content: '❡';
      color: var(--color-neutral-300);<commit_msg>fix(CSS): Malformed custom property usage<commit_after>@import '../../fonts/merriweather/merriweather.css';

:--Article {
  --max-width-media: 980px;
  --max-width: 600px;

  /* Font Families */
  --font-family-display: 'Montserrat', 'sans-serif';
  --font-family-body: merriweather, serif;
  --font-family-mono: 'IBM Plex Mono', 'Frra Code', 'monospace';

  /* Font Sizes */
  --font-size-body: 18px;
  --font-size-title: 1.953rem;
  --font-size-blockquote: 5rem;
  --font-size-h1: 1.2rem;
  --font-size-h2: 1.563rem;
  --font-size-h3: 1.25rem;
  --font-size-h4: 1rem;
  --font-size-h5: 0.8rem;
  --font-size-h6: 0.725rem;
  --font-size-90: 90%;
  --font-size-80: 80%;
  --font-size-75: 75%;

  /* Theme Colors */
  --color-stock: #fff;
  --color-key: #363636;

  /* Primary: Used for primary tone of the theme, for buttons, links, and other elements */
  --color-primary-100: #cdddfc;
  --color-primary-200: #b0c8fa;
  --color-primary-300: #8db0f8;
  --color-primary-400: #6092f6;
  --color-primary-500: #1d64f3;
  --color-primary-600: #1a5adb;
  --color-primary-700: #164ebf;
  --color-primary-800: #12409d;
  --color-primary-900: #0d2d6f;

  /* Accent: Used sparingly for design flourishes */
  --color-accent: #5eff5d;

  /* Neutral: For backgrounds and borders */
  --color-neutral-100: #f7fafc;
  --color-neutral-200: #edf2f7;
  --color-neutral-300: #f1f1f2;
  --color-neutral-400: #cbd5e0;
  --color-neutral-500: #a0aec0;
  --color-neutral-600: #718096;
  --color-neutral-700: #4a5568;
  --color-neutral-800: #2d3748;
  --color-neutral-900: #1a202c;

  align-content: center;
  color: var(--color-key);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-family: var(--font-family-body);
  line-height: 1.75;
  font-size: var(--font-size-body);
  padding: 0 2.5%;

  @media screen and (min-width: 720px) {
    padding: 0;
  }

  & > *:not(figure, table) {
    width: 100%;
  }

  * {
    box-sizing: border-box;
  }

  :--Date,
  :--Heading,
  h1,
  h2,
  h3,
  :--Paragraph,
  :--Collection,
  :--List,
  :--Organization,
  :--authors,
  :--description,
  :--affiliations,
  :--references {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-width);
  }

  :--Figure,
  :--CodeBlock {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-width-media);
  }

  :--Collection,
  :--List,
  :--Figure,
  :--Table {
    & > * {
      max-width: 100%;
    }
  }
}

:--Code,
:--CodeBlock,
:--CodeChunk {
  font-family: var(--font-family-mono);

  [slot='outputs'] img {
    max-width: 100%;
  }
}

:--Heading {
  margin-top: 2.75rem;
  margin-bottom: 1rem;
  line-height: 1.25;

  & + :--Heading {
    margin-top: 0;
  }
}

h1:--Heading,
h2:--Heading {
  border-top: 3px double var(--color-neutral-300);
  padding-top: 3rem;
  margin-top: 3rem;
}

h1:--Heading {
  font-weight: 900;
  font-size: var(--font-size-h1);

  &:first-of-type,
  & + h2:--Heading {
    border-top: none;
    padding-top: inherit;
    margin-top: inherit;
  }

  & + h2:--Heading {
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 1px;
    font-size: var(--font-size-h3);
    margin-top: -0.5em;
    color: var(--color-neutral-700);
  }
}

h2:--Heading {
  font-size: var(--font-size-h3);
}

h3:--Heading {
  font-size: var(--font-size-h4);
}

h4:--Heading {
  font-size: var(--font-size-h5);
}

h5:--Heading {
  font-size: var(--font-size-h6);
}

h6:--Heading {
  font-size: var(--font-size-h5);
}

:--Article > h1:--Heading,
:--Article > h1:first-of-type {
  font-size: var(--font-size-title);
}

:--Paragraph {
  & + h1:--Heading,
  & + h2:--Heading {
    margin-top: 2.25rem;
  }

  & + h3:--Heading,
  & + h4:--Heading,
  & + h5:--Heading,
  & + h6:--Heading {
    margin-top: 3.75rem;
    position: relative;

    &::before {
      content: '❡';
      color: var(--color-neutral-300);
{'fraction_non_alphanumeric': 0.2148620510150963, 'fraction_numerical': 0.06376887038001042, 'mean_word_length': 2.420115709835336, 'pattern_counts': {'":': 0, '<': 3, '<?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': '1857949', 'n_tokens_mistral': 3679, 'n_tokens_neox': 3252, 'n_words': 555}