<commit_before>// Styles for the contents of a page.
// This should **only** be imported inside a containing selector like:
//
//     #content { @import 'this_file.less'; }

@import 'content-common';
@import '_make-block';

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5rem 0 1rem 0;
  font-weight: bold;
}

ul, ol {
  color: @gray;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

iframe {
  display: block;
  margin: 3rem auto;
  width: 100%;
}

.centered-text {
  display: block;
  text-align: center;
  font-weight: normal;
}
// It is already displayed at the top of the page in blue
// the `>` is because collated titles (like Key Concepts) contain descendent
// document-title elements.
[data-type="page"],
[data-type="composite-page"] {
  > [data-type="document-title"] { display: none; }
}

> section,
> figure,
> [data-type="glossary"],
> [data-type="footnote-refs"] {
  margin-top: 6rem;

  > ol > li::before {
    content: "" !important;
  }
}

.splash {
  margin-top: 0;
  &:not([data-orient="vertical"]) {
    display: block;
    img {
      width: 100%;
    }
  }
}

.os-figure {
  display: table;
  margin: 3rem auto;
  .os-caption-container {
    padding-top: 1rem;
    display: table-caption;
    caption-side: bottom;
    font-size: 1.2rem;
    color: @gray;
    .os-title-label {
      font-weight: bold;
    }
    .os-number {
      font-weight: bold;
    }
    .os-title {
      font-weight: bold;
    }
  }

figure {

  // Subfigures
  > figure {
    &.ui-has-child-figcaption > figcaption::before {
      //font-weight: bold;
      //content: counter(figure) counter(subfigure,lower-alpha) ': ';
    }

    &:not(.ui-has-child-figcaption)::after {
      //content: '(' counter(subfigure,lower-alpha) ')';
     }
    }
  }
}


// By default, figures are laid out horizontally
// unless they have the data-orient="vertical" attribute.
figure:not([data-orient="vertical"]) {
}


// --------------------------------
// Blockish things (note, example, exercise)
// --------------------------------

// Slots for various blockish pieces of content (things with a label, title, and body)
// This **ONLY** contains rules, no selectors.
#blockish {
.style(note) {
  margin: 3rem 0;
  padding: 1.5rem;
  background-color: @gray-lightest;
  border: 0.2rem solid @gray-lighter;

  > p {
    margin-top: 0;
  }

  :last-child {
    margin-bottom: 0;
  }
}
.title(note) {
  color: @gray;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  display: block;
  margin-bottom: 1rem;
  margin-top: 0;
  padding: 0rem 1.5rem 1rem 1.5rem;
  border-bottom: 0.2rem solid @gray-lighter;


}
.body(note) {
  border-top: none;
  padding: 0rem 1.5rem;
  background-color: @gray-lightest;
  color: @gray;

  p {
    margin: 0 0 1rem;<commit_msg>fixed distance between figures description and list below<commit_after>// Styles for the contents of a page.
// This should **only** be imported inside a containing selector like:
//
//     #content { @import 'this_file.less'; }

@import 'content-common';
@import '_make-block';

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5rem 0 1rem 0;
  font-weight: bold;
}

ul, ol {
  color: @gray;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

iframe {
  display: block;
  margin: 3rem auto;
  width: 100%;
}

.centered-text {
  display: block;
  text-align: center;
  font-weight: normal;
}
// It is already displayed at the top of the page in blue
// the `>` is because collated titles (like Key Concepts) contain descendent
// document-title elements.
[data-type="page"],
[data-type="composite-page"] {
  > [data-type="document-title"] { display: none; }
}

> section,
> figure,
> [data-type="glossary"],
> [data-type="footnote-refs"] {
  margin-top: 6rem;

  > ol > li::before {
    content: "" !important;
  }
}

.splash {
  margin-top: 0;
  &:not([data-orient="vertical"]) {
    display: block;
    img {
      width: 100%;
    }
  }
}

.os-figure {
  display: table;
  margin: 3rem auto;
  .os-caption-container {
    padding-top: 1rem;
    display: table-caption;
    caption-side: bottom;
    font-size: 1.2rem;
    color: @gray;
    .os-title-label {
      font-weight: bold;
    }
    .os-number {
      font-weight: bold;
    }
    .os-title {
      font-weight: bold;
    }
  }

figure {

  // Subfigures
  > figure {
    &.ui-has-child-figcaption > figcaption::before {
      //font-weight: bold;
      //content: counter(figure) counter(subfigure,lower-alpha) ': ';
    }

    &:not(.ui-has-child-figcaption)::after {
      //content: '(' counter(subfigure,lower-alpha) ')';
     }
    }
  }
}


// By default, figures are laid out horizontally
// unless they have the data-orient="vertical" attribute.
figure:not([data-orient="vertical"]) {
}


// --------------------------------
// Blockish things (note, example, exercise)
// --------------------------------

// Slots for various blockish pieces of content (things with a label, title, and body)
// This **ONLY** contains rules, no selectors.
#blockish {
.style(note) {
  margin: 3rem 0;
  padding: 1.5rem;
  background-color: @gray-lightest;
  border: 0.2rem solid @gray-lighter;

  > p {
    margin-top: 0;
  }

  :last-child {
  //  margin-bottom: 0;
  }
}
.title(note) {
  color: @gray;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  display: block;
  margin-bottom: 1rem;
  margin-top: 0;
  padding: 0rem 1.5rem 1rem 1.5rem;
  border-bottom: 0.2rem solid @gray-lighter;


}
.body(note) {
  border-top: none;
  padding: 0rem 1.5rem;
  background-color: @gray-lightest;
  color: @gray;

  p {
    margin: 0 0 1rem;
{'fraction_non_alphanumeric': 0.1789924973204716, 'fraction_numerical': 0.01929260450160772, 'mean_word_length': 2.5707908163265305, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 25, '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': '1783959', 'n_tokens_mistral': 2128, 'n_tokens_neox': 2012, 'n_words': 500}