<commit_before>/* ==========================================================================
   CFPB Design Manual
   Content
   ========================================================================== */

/* Mobile first means all content boxes are full width */

.content {
  margin-top: 0;
  padding: 2em 0;
  /* only here to keep footer sticky */
  overflow: auto;
  .column(12);

  .content-25,
  .content-75,
  .content-33,
  .content-67,
  .content-50 {
    padding-bottom: 1em;
    padding-top: 1em;
  }

  .content-25,
  .content-75,
  .content-33,
  .content-67 {
    .column(12);
  }


}

figure {
    margin-left: 0;
    margin-right: 0;
}

.warning {
    color: @redorange;
}


/* Media Queries
   ========================================================================== */

/* Mobile portrait (320px) */
@media only screen and (min-width: 20em) {

}

/* Mobile landscape (480px) */
@media only screen and (min-width: 30em) {

}

/* Small tablet (600px) */
@media only screen and (min-width: 37.5em) {


  .content {
    // Make room for the fixed header
    .column(9);

    /* Inner content - nested grid inside content */
    .content-25 {
      .column(3);
    }

    .content-75 {
      .column(9);
    }

    /* Inner content - nested grid inside content */
    .content-33 {
      .column(4);
    }

    .content-67 {
      .column(8);
    }

    /* Inner content - nested grid inside content */
    .content-50 {
      .column(6);
    }

    //Nested colums don't work yet, so pull the first col back 
    .content-first {
      border-left: 0;
    }

    .content-last {
      border-right: 0;
    }

    /* Rules between cols of content */


    /* Rules between rows of content */
    .content-row-rule {
      border-bottom: 1px solid @gray-20;
      margin-bottom: 1em;
    }
  }

}

/* Tablet/netbook (768px) */
@media only screen and (min-width: 48em) { 

}

/* Landscape tablet/netbook/laptop (1024px) */
@media only screen and (min-width: 64em) { 

}

/* Desktop (1280px) */ 
@media only screen and (min-width: 80em) { 

}

/* Widescreen (1600px) */
@media only screen and (min-width: 100em) { 

}

.content {

  h2 {
    .clearfix();
    border-bottom: 1px solid @gray-20;
    /* The EM sizes are calculating to unexpected values - DM */
    padding-bottom: 15px;
    margin-bottom: 20px !important;
    //padding-bottom: unit( 16 / @base-font-size-px, em );
    //margin-bottom: unit( @base-line-height-px / @font-size, em );
    //margin-bottom: unit( 16 / @base-font-size-px, em ) !important; /* This is ugly, but I am over-riding cf-typography */
  }

  /* cross-browser HR styling. See:
  https://github.com/paulirish/html5-boilerplate/blob/ef3c095bafa9a6fa9c771f368d4b30c8ce4deded/css/style.css#L75
  */
  hr { 
    display: block; 
    height: 1px;
    border: 0; 
    border-top: 1px solid @gray-20;
    margin: 1.25em 0; 
    padding: 0;
  }

  img + hr {
    /* horizontal rules after images are getting to much space above the image */
    margin: 1em 0 1.25em 0; 
  }

  /* Table of Contents */
  ul.toc {
    .clearfix();
    list-style: none;
    border-bottom: 1px solid @pacific-20;
    padding: 0 0 1.25em 0; // 1.25em = 20px
    margin: 0 0 1.875em 0; // 1.875em = 30px

  }

  .toc {

    li {

      font-family: @sans-serif-demi;
      font-size: 1.125em;
      display: block;
      float: left;
      position: relative;

      a {
        text-decoration: none;
        border-bottom: none;
        padding: 0 1em 0 0;
      }

      a:hover {
        border-bottom: none;
      }

    }

  }
  p {
    font-family: @serif;
  }

  .lead-in {
    font-family: @sans-serif;<commit_msg>added max-width to p tag<commit_after>/* ==========================================================================
   CFPB Design Manual
   Content
   ========================================================================== */

/* Mobile first means all content boxes are full width */

.content {
  margin-top: 0;
  padding: 2em 0;
  /* only here to keep footer sticky */
  overflow: auto;
  .column(12);

  .content-25,
  .content-75,
  .content-33,
  .content-67,
  .content-50 {
    padding-bottom: 1em;
    padding-top: 1em;
  }

  .content-25,
  .content-75,
  .content-33,
  .content-67 {
    .column(12);
  }


}

figure {
    margin-left: 0;
    margin-right: 0;
}

.warning {
    color: @redorange;
}


/* Media Queries
   ========================================================================== */

/* Mobile portrait (320px) */
@media only screen and (min-width: 20em) {

}

/* Mobile landscape (480px) */
@media only screen and (min-width: 30em) {

}

/* Small tablet (600px) */
@media only screen and (min-width: 37.5em) {


  .content {
    // Make room for the fixed header
    .column(9);

    /* Inner content - nested grid inside content */
    .content-25 {
      .column(3);
    }

    .content-75 {
      .column(9);
    }

    /* Inner content - nested grid inside content */
    .content-33 {
      .column(4);
    }

    .content-67 {
      .column(8);
    }

    /* Inner content - nested grid inside content */
    .content-50 {
      .column(6);
    }

    //Nested colums don't work yet, so pull the first col back 
    .content-first {
      border-left: 0;
    }

    .content-last {
      border-right: 0;
    }

    /* Rules between cols of content */


    /* Rules between rows of content */
    .content-row-rule {
      border-bottom: 1px solid @gray-20;
      margin-bottom: 1em;
    }
  }

}

/* Tablet/netbook (768px) */
@media only screen and (min-width: 48em) { 

}

/* Landscape tablet/netbook/laptop (1024px) */
@media only screen and (min-width: 64em) { 

}

/* Desktop (1280px) */ 
@media only screen and (min-width: 80em) { 

}

/* Widescreen (1600px) */
@media only screen and (min-width: 100em) { 

}

.content {

  h2 {
    .clearfix();
    border-bottom: 1px solid @gray-20;
    /* The EM sizes are calculating to unexpected values - DM */
    padding-bottom: 15px;
    margin-bottom: 20px !important;
    //padding-bottom: unit( 16 / @base-font-size-px, em );
    //margin-bottom: unit( @base-line-height-px / @font-size, em );
    //margin-bottom: unit( 16 / @base-font-size-px, em ) !important; /* This is ugly, but I am over-riding cf-typography */
  }

  /* cross-browser HR styling. See:
  https://github.com/paulirish/html5-boilerplate/blob/ef3c095bafa9a6fa9c771f368d4b30c8ce4deded/css/style.css#L75
  */
  hr { 
    display: block; 
    height: 1px;
    border: 0; 
    border-top: 1px solid @gray-20;
    margin: 1.25em 0; 
    padding: 0;
  }

  img + hr {
    /* horizontal rules after images are getting to much space above the image */
    margin: 1em 0 1.25em 0; 
  }

  /* Table of Contents */
  ul.toc {
    .clearfix();
    list-style: none;
    border-bottom: 1px solid @pacific-20;
    padding: 0 0 1.25em 0; // 1.25em = 20px
    margin: 0 0 1.875em 0; // 1.875em = 30px

  }

  .toc {

    li {

      font-family: @sans-serif-demi;
      font-size: 1.125em;
      display: block;
      float: left;
      position: relative;

      a {
        text-decoration: none;
        border-bottom: none;
        padding: 0 1em 0 0;
      }

      a:hover {
        border-bottom: none;
      }

    }

  }
  p {
    font-family: @serif;
    max-width: 35em;
    
  }

  .lead-in {
    font-family: @sans-serif;
{'fraction_non_alphanumeric': 0.19505532031143286, 'fraction_numerical': 0.04808086327004508, 'mean_word_length': 2.1890243902439024, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '1874156', 'n_tokens_mistral': 2886, 'n_tokens_neox': 2490, 'n_words': 653}