<commit_before>/*
 *= require_self
 */

// customize bootstrap variables here:
@import variables
@import bootstrap
@import compass/typography
@import compass/css3

html
  font-size: $font-size-base

.btn
  +transition(all ease-in-out .1s)
  outline: none
  &:focus, &:focus:active
    outline: none
  &::-moz-focus-inner
    border: 0

.btn-primary
  border: none
  +box-shadow(0 4px $brand-primary)

  &:active
    +translate3d(0, 4px, 0)
    +box-shadow(0 0 $brand-primary)

#header
  color: $brand-primary

  $bold-border-width: 10px // Border width of the bottom of center header
  .header-center
    font-family: $font-family-serif
    height: 4 * $line-height
    padding-top: $line-height
    border-bottom: $bold-border-width solid $brand-primary
  h1
    font-weight: bold
    margin: 0

  // Ribbon header only for larger screen
  @media screen and (min-width: $screen-sm-min)
    .header-center
      position: relative // for pseudo-elements

      &:before, &:after
        content: ''
        position: absolute
        bottom: -$bold-border-width

      &:before
        width: image-width("left-fold.png")
        height: image-height("left-fold.png")
        background: image-url("left-fold.png")
        left: 0

      &:after
        width: image-width("right-fold.png")
        height: image-height("right-fold.png")
        background: image-url("right-fold.png")
        right: 0

    $border-width: rem-calc(7px) // Border width of the thinner left&right arm

    .header-left, .header-right
      padding-top: 2 * $line-height
      height: 3 * $line-height + $border-width
      border-bottom: $border-width solid $gray
      position: relative // For pseudo elements
      &:after
        content: ''
        position: absolute
        bottom: -$border-width
        border: transparent solid $border-width
        border-top: 0
        border-bottom-color: $body-bg

    .header-left:after
      left: -$border-width
    .header-right:after
      right: -$border-width

// Table row layout
//
.l-row
  padding: $line-height 0 rem-calc($line-height-px - 1px)
  border-bottom: rem-calc(1px) dashed $brand-success

  ul
    padding-left: 1rem
    margin-bottom: 0

  .row-center
    $letter-spacing: rem-calc(7px)
    $font-size-px: 14px

    font-family: $font-family-serif
    color: $brand-success

    h2
      letter-spacing: $letter-spacing
      // Canceling letter-spacing right space
      // http://stackoverflow.com/questions/14678154/centre-align-text-that-has-extra-letter-spacing-applied
      margin-right: $letter-spacing * -1
      margin: 0 0 $line-height

      @media screen and (min-width: $screen-sm-min)
        margin: 0

    .ampersand
      font-size: rem-calc($font-size-px)
      color: rgba($brand-success, 0.32)
      // Canceling the extra space of h2 on the right
      margin-right: $letter-spacing
      letter-spacing: 0

      @media screen and (min-width: $screen-sm-min)
        position: relative
        display: block
        line-height: 20px/$font-size-px


        &:before
          content: ''
          border-top: 1px solid rgba($brand-success, 0.32)
          top: 50%
          position: absolute
          $w: $font-size-h2 * 2 + $letter-spacing
          width: $w
          left: 50%
          margin-left: $w/-2
          z-index: -2

        &:after
          content: ''
          background: $body-bg
          position: absolute
          top: 0
          left: 50%
          height: 100%
          width: 2rem
          margin-left: -1em
          z-index: -1

#edit
  margin-top: $line-height<commit_msg>Mobile header style adjusted. #edit has margin bottom now.<commit_after>/*
 *= require_self
 */

// customize bootstrap variables here:
@import variables
@import bootstrap
@import compass/typography
@import compass/css3

html
  font-size: $font-size-base

.btn
  +transition(all ease-in-out .1s)
  outline: none
  &:focus, &:focus:active
    outline: none
  &::-moz-focus-inner
    border: 0

.btn-primary
  border: none
  +box-shadow(0 4px $brand-primary)

  &:active
    +translate3d(0, 4px, 0)
    +box-shadow(0 0 $brand-primary)

#header
  color: $brand-primary

  $bold-border-width: 10px // Border width of the bottom of center header
  .header-center
    font-family: $font-family-serif
    height: 4 * $line-height
    padding-top: $line-height
    background: $brand-primary
    color: $body-bg

  h1
    font-weight: bold
    margin: 0

  .header-left, .header-right
    text-align: center
    font-size: rem-calc($font-size-large)
    line-height: $line-height-large

  // Ribbon header only for larger screen
  @media screen and (min-width: $screen-sm-min)
    .header-center
      position: relative // for pseudo-elements
      background: transparent
      color: $brand-primary
      border-bottom: $bold-border-width solid $brand-primary

      &:before, &:after
        content: ''
        position: absolute
        bottom: -$bold-border-width

      &:before
        width: image-width("left-fold.png")
        height: image-height("left-fold.png")
        background: image-url("left-fold.png")
        left: 0

      &:after
        width: image-width("right-fold.png")
        height: image-height("right-fold.png")
        background: image-url("right-fold.png")
        right: 0

    $border-width: rem-calc(7px) // Border width of the thinner left&right arm

    .header-left, .header-right
      padding-top: 2 * $line-height
      height: 3 * $line-height + $border-width
      border-bottom: $border-width solid $gray
      position: relative // For pseudo elements
      font-size: 1rem
      line-height: $line-height-base

      // white triangle that shapes the end of the ribbon
      &:after
        content: ''
        position: absolute
        bottom: -$border-width
        border: transparent solid $border-width
        border-top: 0
        border-bottom-color: $body-bg

    .header-left
      text-align: left
      &:after
        left: -$border-width

    .header-right
      text-align: right
      &:after
        right: -$border-width

// Table row layout
//
.l-row
  padding: $line-height 0 rem-calc($line-height-px - 1px)
  border-bottom: rem-calc(1px) dashed $brand-success

  ul
    padding-left: 1rem
    margin-bottom: 0

  .row-center
    $letter-spacing: rem-calc(7px)
    $font-size-px: 14px

    font-family: $font-family-serif
    color: $brand-success

    h2
      letter-spacing: $letter-spacing
      // Canceling letter-spacing right space
      // http://stackoverflow.com/questions/14678154/centre-align-text-that-has-extra-letter-spacing-applied
      margin-right: $letter-spacing * -1
      margin: 0 0 $line-height

      @media screen and (min-width: $screen-sm-min)
        margin: 0

    .ampersand
      font-size: rem-calc($font-size-px)
      color: rgba($brand-success, 0.32)
      // Canceling the extra space of h2 on the right
      margin-right: $letter-spacing
      letter-spacing: 0

      @media screen and (min-width: $screen-sm-min)
        position: relative
        display: block
        line-height: 20px/$font-size-px


        &:before
          content: ''
          border-top: 1px solid rgba($brand-success, 0.32)
          top: 50%
          position: absolute
          $w: $font-size-h2 * 2 + $letter-spacing
          width: $w
          left: 50%
          margin-left: $w/-2
          z-index: -2

        &:after
          content: ''
          background: $body-bg
          position: absolute
          top: 0
          left: 50%
          height: 100%
          width: 2rem
          margin-left: -1em
          z-index: -1

#edit
  margin-top: $line-height
  margin-bottom: $line-height
{'fraction_non_alphanumeric': 0.12286867109202135, 'fraction_numerical': 0.018612521150592216, 'mean_word_length': 2.0933977455716586, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5133327', 'n_tokens_mistral': 2598, 'n_tokens_neox': 2411, 'n_words': 612}