<commit_before>// layout the page

.article-body {
  @extend .plos-row;
}

#nav-article {
  @include plos-grid-column(160, $gutter: right, $gutter-width: 45);
  @extend .hide-for-print;
}

.article-content {
  @include plos-grid-column(550, $gutter: none, $float: right);
}

/// TODO - PG- This needs to be in more general css. I'm just to work out the kinks so I can check this styling for the amendment notice into master - that work will be done in ticket DPRO-477 which is being worked on concurrently
//TODO - set up better math for vertical rhythm.

$line-height: rem-calc(18);
$line-height-large: ($line-height * 2);
$line-height-medium: ($line-height * 1.5);
$line-height-small: ($line-height * .5);

// callout is for blockquotes.
@mixin callout($clr-body: $clr-callout-bg) {
  padding: $line-height $pad-default 1px $pad-default; //TODO -  why is this 1px - not sure but its the only thing that seems to work
  background: $clr-body;
  margin-bottom: $line-height;
}

h1#artTitle{
  margin-bottom: $pad-small;
}
// this is the amount we want to offset the target so it doesn't butt up against the top of the window OR the floating header.
.article-content a:target{
  margin-top: -$target-offset;
  padding-top: $target-offset;
  display:inline-block;
}

.article-content {

 .section > div {
    margin-bottom: $line-height;
  }

  a {
    @extend %link-text-default;
  }

  .title-small {
    font-size: $txt-size-default;
    font-weight: bold;
  }

  .abstract {
    h2 {

    }
  }

  .articleinfo {
    border: 1px solid $clr-separator;
    margin-bottom: $line-height;

    p {
      margin-bottom: 0;
      border-top: 1px solid $clr-separator;
      padding: $line-height-small $pad-default;
      &:first-child {
        border-top: 0 none;
      }

    }
  }

  .callout-standard, .box {
    @include callout();
    h2:first-of-type, h3:first-of-type { margin-top: 0;}  //TODO - abstract a little
  }

  .callout-alert {
    @include callout($clr-warning-bg);
  }


  .amendment {
    margin-bottom: $line-height-medium;

    h2 {
      margin-top: 0;

      &:before {
        // for icons
        margin-right: $pad-xsmall;
        vertical-align: baseline;
        line-height: inherit;
      }
    }

    .link-separator::after{
      content: '| ';
      color: $clr-body-text;
      font-weight: normal;
    }

    .amendment-link,
    .amendment-date{
      font-weight: bold;
    }
  }

  .amendment-eoc, .amendment-retraction {
    @extend .callout-alert;
    h2 {
      color: $clr-warning;
      margin-top: 0;
      &:before {
        //TODO - make this a mixin? do we adjust line-height on all icons?
        @extend .icon-alert;
        font-size: $txt-size-medium-large;

      }
    }
  }

  .amendment-correction {
    @extend .callout-standard;

    h2 {
      &:before {
        content: '';
        @extend .icon-correction;

      }
    }
  }

  //  SPECIAL HANDLING FOR XML TRANSFORM


  span.gene {
    word-break: break-all;
  }
  span.inline-formula {
    display: inline-block;
    vertical-align: middle; //NOTE: I like this but set it to "text-top" is another option.

  }
  span.equation {
    display: block;
    text-align: center;
    font-size: $txt-size-medium;
    margin: $line-height 0;
    .note {
      color: $clr-body-text;
      font-size: $txt-size-xxsmall;
      display: block;
      text-align: right;
      font-weight: bold;
    }

  }
  span.underline{ text-decoration: underline;}

  // supplementary materials - need to have no margin between paragraphs just below the box
  .supplementary-material{
    margin-bottom: $line-height;
    p {margin-bottom: 0;}

  }<commit_msg>DPRO-1480 add missing css for monospace<commit_after>// layout the page

.article-body {
  @extend .plos-row;
}

#nav-article {
  @include plos-grid-column(160, $gutter: right, $gutter-width: 45);
  @extend .hide-for-print;
}

.article-content {
  @include plos-grid-column(550, $gutter: none, $float: right);
}

/// TODO - PG- This needs to be in more general css. I'm just to work out the kinks so I can check this styling for the amendment notice into master - that work will be done in ticket DPRO-477 which is being worked on concurrently
//TODO - set up better math for vertical rhythm.

$line-height: rem-calc(18);
$line-height-large: ($line-height * 2);
$line-height-medium: ($line-height * 1.5);
$line-height-small: ($line-height * .5);

// callout is for blockquotes.
@mixin callout($clr-body: $clr-callout-bg) {
  padding: $line-height $pad-default 1px $pad-default; //TODO -  why is this 1px - not sure but its the only thing that seems to work
  background: $clr-body;
  margin-bottom: $line-height;
}

h1#artTitle{
  margin-bottom: $pad-small;
}
// this is the amount we want to offset the target so it doesn't butt up against the top of the window OR the floating header.
.article-content a:target{
  margin-top: -$target-offset;
  padding-top: $target-offset;
  display:inline-block;
}

.article-content {

 .section > div {
    margin-bottom: $line-height;
  }

  a {
    @extend %link-text-default;
  }

  .title-small {
    font-size: $txt-size-default;
    font-weight: bold;
  }

  .abstract {
    h2 {

    }
  }

  .articleinfo {
    border: 1px solid $clr-separator;
    margin-bottom: $line-height;

    p {
      margin-bottom: 0;
      border-top: 1px solid $clr-separator;
      padding: $line-height-small $pad-default;
      &:first-child {
        border-top: 0 none;
      }

    }
  }

  .callout-standard, .box {
    @include callout();
    h2:first-of-type, h3:first-of-type { margin-top: 0;}  //TODO - abstract a little
  }

  .callout-alert {
    @include callout($clr-warning-bg);
  }


  .amendment {
    margin-bottom: $line-height-medium;

    h2 {
      margin-top: 0;

      &:before {
        // for icons
        margin-right: $pad-xsmall;
        vertical-align: baseline;
        line-height: inherit;
      }
    }

    .link-separator::after{
      content: '| ';
      color: $clr-body-text;
      font-weight: normal;
    }

    .amendment-link,
    .amendment-date{
      font-weight: bold;
    }
  }

  .amendment-eoc, .amendment-retraction {
    @extend .callout-alert;
    h2 {
      color: $clr-warning;
      margin-top: 0;
      &:before {
        //TODO - make this a mixin? do we adjust line-height on all icons?
        @extend .icon-alert;
        font-size: $txt-size-medium-large;

      }
    }
  }

  .amendment-correction {
    @extend .callout-standard;

    h2 {
      &:before {
        content: '';
        @extend .icon-correction;

      }
    }
  }

  //  SPECIAL HANDLING FOR XML TRANSFORM


  span.gene {
    word-break: break-all;
  }
  span.inline-formula {
    display: inline-block;
    vertical-align: middle; //NOTE: I like this but set it to "text-top" is another option.

  }
  span.equation {
    display: block;
    text-align: center;
    font-size: $txt-size-medium;
    margin: $line-height 0;
    .note {
      color: $clr-body-text;
      font-size: $txt-size-xxsmall;
      display: block;
      text-align: right;
      font-weight: bold;
    }

  }
  span.underline{ text-decoration: underline;}

  .monospace {
    font-family: "Courier New", Courier, monospace;
  }

  // supplementary materials - need to have no margin between paragraphs just below the box
  .supplementary-material{
    margin-bottom: $line-height;
    p {margin-bottom: 0;}

  }
{'fraction_non_alphanumeric': 0.13433441558441558, 'fraction_numerical': 0.01001082251082251, 'mean_word_length': 2.33018018018018, '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': '17029', 'n_tokens_mistral': 2692, 'n_tokens_neox': 2539, 'n_words': 671}