<commit_before>@import "foundation.less";
@import "icons.less";

/*
<h1 class="main-heading">Typography</h1>

Fonts in use:
* HelveticaNeue-Light
* Helvetica Neue Light
* HelveticaNeueLTStd-Lt
* Helvetica Neue
* Arial
* Helvetica
* sans-serif

(Bold letters use HelveticaNeueLT-Roman instead of HelveticaNeueLTStd-Lt.)
*/

@font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'HelveticaNeue',
              'Helvetica Neue',  'Segoe UI Light', 'Segoe UI', 'sans-serif-light', 'sans-serif';
@font-family-bold: 'HelveticaNeue', 'Helvetica Neue',  'Segoe UI Bold', 'Segoe UI', 'sans-serif';

@size-font-jumbotron: 59px;
@size-font-large: 48px;
@size-font-not-so-large: 40px;
@size-font-btn: 25px;
@size-font-ingress: 21px;
@size-font-content: 18px;
@size-font-medium: 15px;
@size-font-topheading: 15px;
@size-font-small: 13px;

* {
  font-family: @font-family;
  font-weight: 300;
}

html {
  font-size: @size-font-content;
}

/*
Font mixins.
*/
.set-font-bold() {
  font-family: @font-family-bold;
  font-weight: 700;
}

.set-font-jumbotron() {
  font-size: @size-font-jumbotron;
  .set-font-bold;
}

.set-font-large() {
  font-size: @size-font-large;
  .set-font-bold;
}

/*
******************************************************************
# Headings.
*/

// 1. Most browsers will set default margin-top and -bottom to heading elements.
//    We are using headings up to h4.
h1, h2, h3, h4 {
  margin-top: 0;    // [1]
  margin-bottom: 0; // [1]
  .set-font-bold;
  span {
    .set-font-bold;
  }
}

h1 {
  font-size: @size-font-topheading;
}

h2 {
  font-size: @size-font-large;
}

.textgroup-toaster {
  font-size: @size-font-medium;
}

.textgroup-ingress {
  font-size: @size-font-ingress;
  .set-font-bold;
  span {
    .set-font-bold;
  }
}

/*
******************************************************************
# Texts.
*/

[class^="text-"], [class*=" text-"] {
  .break-words();
}

.text-highlighted {
  color: @color-text-highlighted;
}

.text-jumbotron {
  .set-font-jumbotron();
}

.text-jumbotron.highlighted {
  color: @color-text-active;
}

.text-heading.highlighted {
  color: @color-text-active;
}

.text-btn {
  .set-font-bold();
}

/*
Use `.text-details` to separate details from body text.
*/

.text-details {
  font-size: @size-font-small;
  color: @color-text-downplayed;
}

.text-error {
  font-size: @size-font-small;
  color: @color-text-error;
}

.text-teaser, .text-link {
  display: inline-block;
  line-height: @grid-vertical-half;
}

.text-teaser {
  font-size: @size-font-medium;
  color: @color-text-downplayed;
}

.text-link.emphasis {
  .set-font-bold();
}

.text-heading-primary {
  line-height: @grid-vertical-half;
  font-size: @size-font-topheading;
  .set-font-bold();
}

.text-normal {
  line-height: @grid-vertical-half;
  font-size: @size-font-medium;
}

/*
Navigation texts
*/

.text-navigation-back, .text-navigation-forward, .text-navigation {
  color: @color-text-downplayed;
  font-size: @size-font-small;
  .set-font-bold();
  display:inherit;
}

@width-arrow-text-gap: 5px;
.text-navigation-back:not(.not-swipeable):before {
  .set-icon-font;
  content: @icon-arrow-left;
  color: @color-text-downplayed;
  font-size: @size-icon-arrow-small;
  padding-right: @width-arrow-text-gap;
  vertical-align: middle;
}

.text-navigation-forward:after {
  .set-icon-font;
  content: @icon-arrow-right;
  color: @color-text-downplayed;
  font-size: @size-icon-arrow-small;
  padding-left: @width-arrow-text-gap;
  vertical-align: middle;
}

.text-navigation-menu {
  .set-font-bold;
  color: @color-text-inverse;
  font-size: @size-font-large;
}

.text-navigation-menu-small {
  .set-font-bold;
  color: @color-text-inverse;
  font-size: @size-font-topheading;
  line-height: @grid-vertical-half;
}

.large.text-navigation-back:before {
  font-size: @size-icon-arrow-large;
  content: @icon-arrow-left-narrow;
  vertical-align: -5%;
}

.large.text-navigation-forward:after {
  font-size: @size-icon-arrow-large;
  content: @icon-arrow-right-narrow;
  vertical-align: middle;
  vertical-align: -2%;
}

/*
Convert texts.
*/

.text-convert{
  line-height: inherit;
  min-height: @size-icon-arrow-move;
  height: @grid-vertical;
  display: inline-block;  // for height
  &:before {
    .set-icon-font();
    content: @icon-arrow-move;
    font-size: @size-icon-arrow-move;
    padding-right: @width-arrow-text-gap;
    vertical-align: middle;
  }
}

/*
Search results (omnibar, deleted)
*/

.text-search-result {
  font-size: @size-font-medium;
  margin-bottom: @grid-vertical-half;
}

.text-search-type {
  color: @color-text-downplayed;
  font-size: @size-font-small;
  .set-font-bold();
  // Undo break words
  .dont-break-words();
}

/*
Icon texts
*/



.text-logo {
  font-size: @size-icon-logo;
  line-height: @size-icon-logo;
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-logo-only;
  }
}

.text-menu {
  font-size: @size-icon-menu;
  line-height: @size-icon-menu;
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-menu;
  }
}

.text-toggle-completed {
  font-size: @size-icon-toggle-completed;
  line-height: @size-icon-toggle-completed;
  &:after {
    .set-icon-font;
    color: @color-text-downplayed;
    content: @icon-show-completed;
  }
}

.text-plus {
  font-size: @size-icon-plus;
  line-height: @size-icon-plus;
  &:after {
    .set-icon-font;
    color: @color-text-highlighted;
    content: @icon-plus;
  }
}

.text-trash {
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-trash;
  }
}

.text-move {
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-arrow-move;
  }
}

.text-calendar {
  &:after {
    .set-icon-font;
    color: @color-icon-deactivated;
    content: @icon-calendar;
    font-size: 23px;
  }
}

.text-star {
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-star;
    font-size: @size-icon-star;
    vertical-align: middle;
  }
}
.text-star.inverse:after{
  color: @color-text-inverse;
}
.text-star.small:after{
  font-size: @size-icon-star-small;
}
.text-star.inactive:after {
  color: @color-text-downplayed;
}

.text-x {
  &:after {
    .set-icon-font;
    content: @icon-x;
    font-size: @size-icon-x;
    vertical-align: middle;
    color: @color-icon-deactivated;
  }
}
<commit_msg>Fixed font not bold on task->context heading<commit_after>@import "foundation.less";
@import "icons.less";

/*
<h1 class="main-heading">Typography</h1>

Fonts in use:
* HelveticaNeue-Light
* Helvetica Neue Light
* HelveticaNeueLTStd-Lt
* Helvetica Neue
* Arial
* Helvetica
* sans-serif

(Bold letters use HelveticaNeueLT-Roman instead of HelveticaNeueLTStd-Lt.)
*/

@font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'HelveticaNeue',
              'Helvetica Neue',  'Segoe UI Light', 'Segoe UI', 'sans-serif-light', 'sans-serif';
@font-family-bold: 'HelveticaNeue', 'Helvetica Neue',  'Segoe UI Bold', 'Segoe UI', 'sans-serif';

@size-font-jumbotron: 59px;
@size-font-large: 48px;
@size-font-not-so-large: 40px;
@size-font-btn: 25px;
@size-font-ingress: 21px;
@size-font-content: 18px;
@size-font-medium: 15px;
@size-font-topheading: 15px;
@size-font-small: 13px;

* {
  font-family: @font-family;
  font-weight: 300;
}

html {
  font-size: @size-font-content;
}

/*
Font mixins.
*/
.set-font-bold() {
  font-family: @font-family-bold;
  font-weight: 700;
}

.set-font-jumbotron() {
  font-size: @size-font-jumbotron;
  .set-font-bold;
}

.set-font-large() {
  font-size: @size-font-large;
  .set-font-bold;
}

/*
******************************************************************
# Headings.
*/

// 1. Most browsers will set default margin-top and -bottom to heading elements.
//    We are using headings up to h4.
h1, h2, h3, h4 {
  margin-top: 0;    // [1]
  margin-bottom: 0; // [1]
  &, span, a > span {
    .set-font-bold;
  }
}

h1 {
  font-size: @size-font-topheading;
}

h2 {
  font-size: @size-font-large;
}

.textgroup-toaster {
  font-size: @size-font-medium;
}

.textgroup-ingress {
  font-size: @size-font-ingress;
  &, span {
    .set-font-bold;
  }
}

/*
******************************************************************
# Texts.
*/

[class^="text-"], [class*=" text-"] {
  .break-words();
}

.text-highlighted {
  color: @color-text-highlighted;
}

.text-jumbotron {
  .set-font-jumbotron();
}

.text-jumbotron.highlighted {
  color: @color-text-active;
}

.text-heading.highlighted {
  color: @color-text-active;
}

.text-btn {
  .set-font-bold();
}

/*
Use `.text-details` to separate details from body text.
*/

.text-details {
  font-size: @size-font-small;
  color: @color-text-downplayed;
}

.text-error {
  font-size: @size-font-small;
  color: @color-text-error;
}

.text-teaser, .text-link {
  display: inline-block;
  line-height: @grid-vertical-half;
}

.text-teaser {
  font-size: @size-font-medium;
  color: @color-text-downplayed;
}

.text-link.emphasis {
  .set-font-bold();
}

.text-heading-primary {
  line-height: @grid-vertical-half;
  font-size: @size-font-topheading;
  .set-font-bold();
}

.text-normal {
  line-height: @grid-vertical-half;
  font-size: @size-font-medium;
}

/*
Navigation texts
*/

.text-navigation-back, .text-navigation-forward, .text-navigation {
  color: @color-text-downplayed;
  font-size: @size-font-small;
  .set-font-bold();
  display:inherit;
}

@width-arrow-text-gap: 5px;
.text-navigation-back:not(.not-swipeable):before {
  .set-icon-font;
  content: @icon-arrow-left;
  color: @color-text-downplayed;
  font-size: @size-icon-arrow-small;
  padding-right: @width-arrow-text-gap;
  vertical-align: middle;
}

.text-navigation-forward:after {
  .set-icon-font;
  content: @icon-arrow-right;
  color: @color-text-downplayed;
  font-size: @size-icon-arrow-small;
  padding-left: @width-arrow-text-gap;
  vertical-align: middle;
}

.text-navigation-menu {
  .set-font-bold;
  color: @color-text-inverse;
  font-size: @size-font-large;
}

.text-navigation-menu-small {
  .set-font-bold;
  color: @color-text-inverse;
  font-size: @size-font-topheading;
  line-height: @grid-vertical-half;
}

.large.text-navigation-back:before {
  font-size: @size-icon-arrow-large;
  content: @icon-arrow-left-narrow;
  vertical-align: -5%;
}

.large.text-navigation-forward:after {
  font-size: @size-icon-arrow-large;
  content: @icon-arrow-right-narrow;
  vertical-align: middle;
  vertical-align: -2%;
}

/*
Convert texts.
*/

.text-convert{
  line-height: inherit;
  min-height: @size-icon-arrow-move;
  height: @grid-vertical;
  display: inline-block;  // for height
  &:before {
    .set-icon-font();
    content: @icon-arrow-move;
    font-size: @size-icon-arrow-move;
    padding-right: @width-arrow-text-gap;
    vertical-align: middle;
  }
}

/*
Search results (omnibar, deleted)
*/

.text-search-result {
  font-size: @size-font-medium;
  margin-bottom: @grid-vertical-half;
}

.text-search-type {
  color: @color-text-downplayed;
  font-size: @size-font-small;
  .set-font-bold();
  // Undo break words
  .dont-break-words();
}

/*
Icon texts
*/



.text-logo {
  font-size: @size-icon-logo;
  line-height: @size-icon-logo;
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-logo-only;
  }
}

.text-menu {
  font-size: @size-icon-menu;
  line-height: @size-icon-menu;
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-menu;
  }
}

.text-toggle-completed {
  font-size: @size-icon-toggle-completed;
  line-height: @size-icon-toggle-completed;
  &:after {
    .set-icon-font;
    color: @color-text-downplayed;
    content: @icon-show-completed;
  }
}

.text-plus {
  font-size: @size-icon-plus;
  line-height: @size-icon-plus;
  &:after {
    .set-icon-font;
    color: @color-text-highlighted;
    content: @icon-plus;
  }
}

.text-trash {
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-trash;
  }
}

.text-move {
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-arrow-move;
  }
}

.text-calendar {
  &:after {
    .set-icon-font;
    color: @color-icon-deactivated;
    content: @icon-calendar;
    font-size: 23px;
  }
}

.text-star {
  &:after {
    .set-icon-font;
    color: @color-text;
    content: @icon-star;
    font-size: @size-icon-star;
    vertical-align: middle;
  }
}
.text-star.inverse:after{
  color: @color-text-inverse;
}
.text-star.small:after{
  font-size: @size-icon-star-small;
}
.text-star.inactive:after {
  color: @color-text-downplayed;
}

.text-x {
  &:after {
    .set-icon-font;
    content: @icon-x;
    font-size: @size-icon-x;
    vertical-align: middle;
    color: @color-icon-deactivated;
  }
}

{'fraction_non_alphanumeric': 0.20074585416170754, 'fraction_numerical': 0.006823772117749742, 'mean_word_length': 3.14196516595465, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, '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': '3224328', 'n_tokens_mistral': 5211, 'n_tokens_neox': 5064, 'n_words': 822}