<commit_before>@import "lib/core.fn"

@css {
/*
home Landing stylesheet
home.styl
*/
}

body.home
  -webkit-font-smoothing  antialiased

  .main-header nav
    a.signup
      hidden()

  #kdmaincontainer.blur
    vendor                filter, blur(5px)

  #main-panel-wrapper
    background            #f0f0f0

  .login-form.register
    margin                0 auto 50px auto
    max-width             620px
    padding               8px
    rounded               8px
    bg                    color rgba(0,0,0,.1)
    z-index               10
    rel()

    &.noanim .login-input-view .placeholder-helper
      vendor              transition, none!important
      position            absolute

    section
      a.gh
      a.fb
      a.go
        size              32px 32px
        margin            3px 0 0 57px
        opacity           .7
        fl()
        span.title
          hidden()

      a.gh
        r-sprite          home 'gh-home'
        &:hover
          r-sprite        home 'gh-home-white'

      a.fb
        r-sprite          home 'fb-home'
        &:hover
          r-sprite        home 'fb-home-white'

      a.go
        r-sprite          home 'go-home'
        &:hover
          r-sprite        home 'go-home-white'

      &:hover .buttons-extra
        opacity         1
        right           -112px

      .dots-extra
        r-sprite          home 'dots-home'
        opacity           .7
        abs               10px 6px 0 0

      .buttons-extra
        opacity           0
        abs               -8px -75px 0 0
        z-index           -1
        padding           9px 8px 12px 8px
        width             auto
        rounded           8px
        bg                color rgba(0,0,0,.1)
        vendor            transition, right .177s .177s ease\, opacity .177s .177s ease
        &:before
          content         ''
          abs             0px 0 0 -20px
          width           32px
          height          55px
        &:hover
          opacity         1
          visibility      visible
          right           -112px
        a
          margin          3px 5px 0 5px

      > div
        width             calc(50% - 110px)
        padding-right     5px
        rel()
        borderBox()

        &:before
          content         ''
          z-index         10
          abs             12px 0 0 18px

        &:nth-child(3)
          padding-right   0

        &.email:before
          r-sprite        home 'input-email'

        &.username:before
          r-sprite        home 'input-username'

        &.password:before
          r-sprite        features 'ide-permissions'
          opacity         0.15

        &.submit
          width           108px

        &.submit:after
          content         'OR'
          font-size       12px
          text-transform  uppercase
          color           rgba(0,0,0,.5)
          font-size       12px
          font-weight     700
          padding         0 15px 0 9px
          opacity         .99
          border-right    1px solid rgba(0,0,0,.1)
          abs             5px 0 0 100%


        .kdbutton.solid.medium
          bg                color #F6E556
          width             100%
          rounded           4px
          padding           0
          span.button-title
            text-transform  uppercase
            color           #39473E
            font-size       12px
            font-weight     700
            opacity         .99

        .login-input-view
          rounded         4px
          bg              color white
          margin-bottom   0
          input
            rounded       4px
            margin        0
            font-size     14px
            font-weight   400
            font-family   openSansFamily
            text-align    left
            padding       8px 14px 8px 43px
          .placeholder-helper
            text-align    left
            top           4px
            padding       0 15px 0 44px
            borderBox()
            &.out
              top         -32px
              color       white
              &.puff
                opacity   1



  //Introduction section

  .content-page.home
    padding               0
    max-width             100%

    > section > div
      max-width             1290px
      padding               0px 45px
      margin                0 auto
      display               block
      position              relative
      borderBox()<commit_msg>Homepage: 2FA: Updated  home.sty files to add 2fa modal style.<commit_after>@import "lib/core.fn"

@css {
/*
home Landing stylesheet
home.styl
*/
}

body.home
  -webkit-font-smoothing  antialiased

  .main-header nav
    a.signup
      hidden()

  #kdmaincontainer.blur
    vendor                filter, blur(5px)

  #main-panel-wrapper
    background            #f0f0f0

  .login-form.register
    margin                0 auto 50px auto
    max-width             620px
    padding               8px
    rounded               8px
    bg                    color rgba(0,0,0,.1)
    z-index               10
    rel()

    &.noanim .login-input-view .placeholder-helper
      vendor              transition, none!important
      position            absolute

    section
      a.gh
      a.fb
      a.go
        size              32px 32px
        margin            3px 0 0 57px
        opacity           .7
        fl()
        span.title
          hidden()

      a.gh
        r-sprite          home 'gh-home'
        &:hover
          r-sprite        home 'gh-home-white'

      a.fb
        r-sprite          home 'fb-home'
        &:hover
          r-sprite        home 'fb-home-white'

      a.go
        r-sprite          home 'go-home'
        &:hover
          r-sprite        home 'go-home-white'

      &:hover .buttons-extra
        opacity         1
        right           -112px

      .dots-extra
        r-sprite          home 'dots-home'
        opacity           .7
        abs               10px 6px 0 0

      .buttons-extra
        opacity           0
        abs               -8px -75px 0 0
        z-index           -1
        padding           9px 8px 12px 8px
        width             auto
        rounded           8px
        bg                color rgba(0,0,0,.1)
        vendor            transition, right .177s .177s ease\, opacity .177s .177s ease
        &:before
          content         ''
          abs             0px 0 0 -20px
          width           32px
          height          55px
        &:hover
          opacity         1
          visibility      visible
          right           -112px
        a
          margin          3px 5px 0 5px

      > div
        width             calc(50% - 110px)
        padding-right     5px
        rel()
        borderBox()

        &:before
          content         ''
          z-index         10
          abs             12px 0 0 18px

        &:nth-child(3)
          padding-right   0

        &.email:before
          r-sprite        home 'input-email'

        &.username:before
          r-sprite        home 'input-username'

        &.password:before
          r-sprite        features 'ide-permissions'
          opacity         0.15

        &.submit
          width           108px

        &.submit:after
          content         'OR'
          font-size       12px
          text-transform  uppercase
          color           rgba(0,0,0,.5)
          font-size       12px
          font-weight     700
          padding         0 15px 0 9px
          opacity         .99
          border-right    1px solid rgba(0,0,0,.1)
          abs             5px 0 0 100%


        .kdbutton.solid.medium
          bg                color #F6E556
          width             100%
          rounded           4px
          padding           0
          span.button-title
            text-transform  uppercase
            color           #39473E
            font-size       12px
            font-weight     700
            opacity         .99

        .login-input-view
          rounded         4px
          bg              color white
          margin-bottom   0
          input
            rounded       4px
            margin        0
            font-size     14px
            font-weight   400
            font-family   openSansFamily
            text-align    left
            padding       8px 14px 8px 43px
          .placeholder-helper
            text-align    left
            top           4px
            padding       0 15px 0 44px
            borderBox()
            &.out
              top         -32px
              color       white
              &.puff
                opacity   1

  .two-factor-code-modal

    .closeModal
      hidden()

    .kdmodal-title span.title
      rel()
      top               -6px
      font-size         14px !important

      a
        noTextDeco()
        fr()
        color             #555
        border-bottom     1px dotted

    .kdmodal-content
      overflow          visible

      .login-input-view
        margin            0 0 17px 0

        input
          text-align        center

        .kdinput.text.medium
          bg                color, transparent
          rounded           3px

        .placeholder-helper
          abs()
          top               11px
          font-size         14px
          text-align        center
          size              100%, auto
          color             #53585C
          vendor            transition, top .1s ease\,\
                                        opacity .3s .3s ease\,\
                                        font-size .1s ease

          &.out
            top               -23px
            font-size         12px

      .kdbutton.solid.green
        size              100% auto
        bg                color, #1aaf5d

        .button-title
          font-weight       600


  //Introduction section

  .content-page.home
    padding               0
    max-width             100%

    > section > div
      max-width             1290px
      padding               0px 45px
      margin                0 auto
      display               block
      position              relative
      borderBox()
{'fraction_non_alphanumeric': 0.05599686182210454, 'fraction_numerical': 0.042071197411003236, 'mean_word_length': 0.7772743116068317, 'pattern_counts': {'":': 0, '<': 3, '<?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': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2355106', 'n_tokens_mistral': 2940, 'n_tokens_neox': 2604, 'n_words': 715}