<commit_before>@import 'themes';
@import 'typography';

html, body {
  margin: 0;
  padding: 0;
  color: $body-light-bg-font-color;
}

/*
 * Text styles
 https://material.angular.io/guide/typography
 */

h1 {
  margin-top: 0;
  color: $heading-1-font-color;
}

h2 {
  color: $heading-2-font-color;
}

h3 {
  color: $heading-3-font-color;
}

h4 {
  color: $heading-4-font-color;
}

p {
  margin-top: 0;
}

a {
  text-decoration: none;
  color: $link-light-bg-color;
}

/* app-markdown related styles

  (they don't take effect in the component scss)

 */

@mixin headings {
  h1, h2, h3, h4, h5, h5 {
    @content;
  }
}

@mixin links {
  a {
    @content;
  }
}

.description {
  background-color: $color-content-summary-bg;
}

.description app-markdown {
  color: $body-light-bg-font-color;
}

.input-full-width {
  width: 100% !important;
}

.search-results-text {
  color: $color-pink !important;
  font-weight: 500;
  font-style: italic;
}

.chip-avatar {
  margin-right: 12px;
  border-radius: 50%;
}

/*
Gloabl mat-chip style
 */

mat-chip.mat-chip {
  font-size: mat-font-size($app-chips-typography, button) !important;
  font-weight: mat-font-weight($app-chips-typography, button) !important;
}

.avatar-btn > span.mat-button-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.avatar-btn > span.mat-button-wrapper > img {
  width: 56px;
  height: 56px;
}

.flex-hack {
  flex: 1 1 auto !important;
}

.site-content {
  @extend .flex-hack;
  margin-left: auto;
  margin-right: auto;
  max-width: $width-page-max !important; // If not important then gets overidden by some fxLayout styles
}

.site-padding {
  @extend .site-content;
  margin-top: $offset-gt-xs / 2.0;
  margin-bottom: 5em;
  padding-top: $padding-site;
  padding-left: $padding-site;
  padding-right: $padding-site;
}

.site-padding-xs {<commit_msg>Set with to 100% to fix an issue with dual flex columns not displaying correctly in IE11<commit_after>@import 'themes';
@import 'typography';

html, body {
  margin: 0;
  padding: 0;
  color: $body-light-bg-font-color;
}

/*
 * Text styles
 https://material.angular.io/guide/typography
 */

h1 {
  margin-top: 0;
  color: $heading-1-font-color;
}

h2 {
  color: $heading-2-font-color;
}

h3 {
  color: $heading-3-font-color;
}

h4 {
  color: $heading-4-font-color;
}

p {
  margin-top: 0;
}

a {
  text-decoration: none;
  color: $link-light-bg-color;
}

/* app-markdown related styles

  (they don't take effect in the component scss)

 */

@mixin headings {
  h1, h2, h3, h4, h5, h5 {
    @content;
  }
}

@mixin links {
  a {
    @content;
  }
}

.description {
  background-color: $color-content-summary-bg;
}

.description app-markdown {
  color: $body-light-bg-font-color;
}

.input-full-width {
  width: 100% !important;
}

.search-results-text {
  color: $color-pink !important;
  font-weight: 500;
  font-style: italic;
}

.chip-avatar {
  margin-right: 12px;
  border-radius: 50%;
}

/*
Gloabl mat-chip style
 */

mat-chip.mat-chip {
  font-size: mat-font-size($app-chips-typography, button) !important;
  font-weight: mat-font-weight($app-chips-typography, button) !important;
}

.avatar-btn > span.mat-button-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.avatar-btn > span.mat-button-wrapper > img {
  width: 56px;
  height: 56px;
}

.flex-hack {
  flex: 1 1 auto !important; // For Safari
  width: 100%; // For IE 11
}

.site-content {
  @extend .flex-hack;
  margin-left: auto;
  margin-right: auto;
  max-width: $width-page-max !important; // If not important then gets overidden by some fxLayout styles
}

.site-padding {
  @extend .site-content;
  margin-top: $offset-gt-xs / 2.0;
  margin-bottom: 5em;
  padding-top: $padding-site;
  padding-left: $padding-site;
  padding-right: $padding-site;
}

.site-padding-xs {
{'fraction_non_alphanumeric': 0.1611971646101339, 'fraction_numerical': 0.023103176686794433, 'mean_word_length': 3.1144708423326133, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1405682', 'n_tokens_mistral': 1585, 'n_tokens_neox': 1509, 'n_words': 329}