<commit_before>// Applies a fixed background effect to a container that includes a large fixed header
//
// It's intended to be customized for different looks depending on the type of content
// the user is styling, i.e. Physics, Biology, etc
.tutor-booksplash-background {

  &:before {
    content: " ";
    position: fixed;
    top: 60px;
    left: 0px;
    right: 0px;
    height: 24rem;
    line-height: 24rem;
    overflow: hidden;
    color: @tutor-secondary;
    text-align: center;
    font-size: 35rem;
    letter-spacing: -6px;
    #fonts > .book-cover();
    z-index: -1;
  }

  &[data-appearance]:before {
    color: @openstax-book-default-fg;
    background-color: @openstax-book-default-bg;
    content: attr(data-title);
  }
  .apply-booksplash-background(@code; @fg; @bg) {
    &[data-appearance=@{code}]:before {
        color: @@fg;
        background-color: @@bg;
    }
  }
  .for(@openstax-book-appearance-codes); .-each(@code) {
    .apply-booksplash-background(@code, "openstax-book-@{code}-fg", "openstax-book-@{code}-bg");
  }

}
.tutor-booksplash-adjust-top-margin(@normal-top-margin: 100px, @short-top-margin: 35px){
  margin-top: @normal-top-margin;
  // if the screen is short, move up even though it means
  // the booksplash background won't be as visible
  @media screen and ( max-height: 600px ){ margin-top: @short-top-margin; }
}<commit_msg>Display ellipsis when title overflows<commit_after>// Applies a fixed background effect to a container that includes a large fixed header
//
// It's intended to be customized for different looks depending on the type of content
// the user is styling, i.e. Physics, Biology, etc
.tutor-booksplash-background {

  &[data-appearance]:before {
    color: @openstax-book-default-fg;
    background-color: @openstax-book-default-bg;
    content: attr(data-title);
    position: fixed;
    top: 60px;
    left: 0px;
    right: 0px;
    height: 24rem;
    line-height: 24rem;
    overflow: hidden;
    color: @tutor-secondary;
    text-align: center;
    font-size: 35rem;
    letter-spacing: -6px;
    #fonts > .book-cover();
    z-index: -1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .apply-booksplash-background(@code; @fg; @bg) {
    &[data-appearance=@{code}]:before {
        color: @@fg;
        background-color: @@bg;
    }
  }
  .for(@openstax-book-appearance-codes); .-each(@code) {
    .apply-booksplash-background(@code, "openstax-book-@{code}-fg", "openstax-book-@{code}-bg");
  }

}
.tutor-booksplash-adjust-top-margin(@normal-top-margin: 100px, @short-top-margin: 35px){
  margin-top: @normal-top-margin;
  // if the screen is short, move up even though it means
  // the booksplash background won't be as visible
  @media screen and ( max-height: 600px ){ margin-top: @short-top-margin; }
}
{'fraction_non_alphanumeric': 0.14909478168264112, 'fraction_numerical': 0.014199503017394392, 'mean_word_length': 3.1380323054331867, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3518800', 'n_tokens_mistral': 1029, 'n_tokens_neox': 960, 'n_words': 242}