<commit_before>@css {
/*
Stack Editor Credentials stylesheet
stackeditorcredentials.styl
*/
}

$accentColor                = #F2778A
$titleColor                 = #424242
$subtleColor                = #A59999
$borderColor                = #E3E3E3
$buttonGray                 = #858585


.StackEditorTabs .step-creds
  height                    100%

  .kdformview
    height                  100%
    border-bottom           none
    overflow                auto

    .advanced-field
      display               none

    &.in-advanced-mode
      .advanced-field
        display             block

    button.kdbutton.solid.medium
      margin-left           12px
      outlineButton         $buttonGray

      &.primary
        colorizeOutlineButton $accentColor

      &.cancel
        fl()


  .listview-wrapper
    .kdscrollview
      height                calc(100% \- 30px)


  .credential-creation-intro
    margin                  0 0 0 130px !important
    hidden()

    > main
      margin-top            20px
      display               flex
      padding               30px
      border                1px solid rgba(242,119,138,.5)
      rounded               4px
      bg                    color, rgba(242,119,138,.05)

    main > div
      flex                  0 0 auto
      borderBox()
      &:first-child
        width               45%
        padding-right       30px
      &:last-child
        width               55%
        padding-left        30px
        border-left         1px solid #eee
    // h3
    //   font-size         13px
    //   color             #F47689
    //   line-height       20px

    ol
      margin-bottom         20px
      padding-left          14px
      li
        list-style-position outside
        font-size           13px
        color               #989898
        line-height         20px
        margin-bottom       8px
        cite
          font-family       monospace
          bg                color, rgba(255,255,255,.5)
          padding           0 3px
          border            1px solid rgba(0,0,0,.1)
          border-radius     2px

    p
      color                 #666
      font-size             14px
      color                 #989898
      line-height           20px
      margin-top            0
      margin-bottom         8px

    h2
      font-size             16px
      font-weight           bold
      margin                10px 0
      color                 #000

    a
      color                 #64A0F1
      noTextDeco()

    + .kdformview
      border-bottom         none !important

  .credentials-form-view
    label
      text-align            right
      margin-right          10px !important
      min-width             120px !important

.step-creds.form-open

  .listview-wrapper
    display                 none

  .credential-creation-intro
    visible()

  .credentials-form-view
    height                  auto !important

    .kite-query-path
      margin-left           171px
      font-size             14px
      font-weight           300
      margin-bottom         20px
      a
        color                 #769ecc
        text-decoration       none

  .add-credential-scroll
    styleScrollBars         rgba(0,0,0,.15)

    .kdscrolltrack.vertical
      right                 -15px


.StackEditorTabs

  button.kdbutton.add-big-btn
    abs                     0 0px 0px 0
    z-index                 10
    outlineButton           $accentColor
    .icon
      hidden()

  .stacks
    .kdcustomscrollview
      styleScrollBars       rgba(0,0,0,.15)

      .kdscrolltrack
        right               -15px

.StackEditor-CredentialItem
  borderizeListItems        30px, 1px solid $borderColor

  &:before
    content                 ''
    abs                     30px 0 0 0px

  &:first-of-type:before
    abs                     0px 0 0 0px

  &:last-of-type
    min-height              90px

  &.aws:before
    r-sprite                'stack-editor' 'icon_aws'

  &.vagrant:before
    r-sprite                'stack-editor' 'icon_vagrant'

  &.digitalocean:before
    r-sprite                'stack-editor' 'icon_digitalocean'

  &.google:before
    r-sprite                'stack-editor' 'icon_google'

  .warning-message
    display                 block
    text-align              center
    line-height             1.7em
    margin-top              15px
    padding                 12px
    color                   #555
    font-weight             300
    bg                      color lightgoldenrodyellow

.StackEditor-CredentialItem--flex
  dFlex()
  flex-flow                 row nowrap
  justify-content           space-around

.StackEditor-CredentialItem--info
  margin-left               60px
  line-height               30px
  flex                      0 0 auto

  .title
    fl()

  .custom-tag<commit_msg>CredentialItem: fix styling on error cases during verification<commit_after>@css {
/*
Stack Editor Credentials stylesheet
stackeditorcredentials.styl
*/
}

$accentColor                = #F2778A
$titleColor                 = #424242
$subtleColor                = #A59999
$borderColor                = #E3E3E3
$buttonGray                 = #858585


.StackEditorTabs .step-creds
  height                    100%

  .kdformview
    height                  100%
    border-bottom           none
    overflow                auto

    .advanced-field
      display               none

    &.in-advanced-mode
      .advanced-field
        display             block

    button.kdbutton.solid.medium
      margin-left           12px
      outlineButton         $buttonGray

      &.primary
        colorizeOutlineButton $accentColor

      &.cancel
        fl()


  .listview-wrapper
    .kdscrollview
      height                calc(100% \- 30px)


  .credential-creation-intro
    margin                  0 0 0 130px !important
    hidden()

    > main
      margin-top            20px
      display               flex
      padding               30px
      border                1px solid rgba(242,119,138,.5)
      rounded               4px
      bg                    color, rgba(242,119,138,.05)

    main > div
      flex                  0 0 auto
      borderBox()
      &:first-child
        width               45%
        padding-right       30px
      &:last-child
        width               55%
        padding-left        30px
        border-left         1px solid #eee
    // h3
    //   font-size         13px
    //   color             #F47689
    //   line-height       20px

    ol
      margin-bottom         20px
      padding-left          14px
      li
        list-style-position outside
        font-size           13px
        color               #989898
        line-height         20px
        margin-bottom       8px
        cite
          font-family       monospace
          bg                color, rgba(255,255,255,.5)
          padding           0 3px
          border            1px solid rgba(0,0,0,.1)
          border-radius     2px

    p
      color                 #666
      font-size             14px
      color                 #989898
      line-height           20px
      margin-top            0
      margin-bottom         8px

    h2
      font-size             16px
      font-weight           bold
      margin                10px 0
      color                 #000

    a
      color                 #64A0F1
      noTextDeco()

    + .kdformview
      border-bottom         none !important

  .credentials-form-view
    label
      text-align            right
      margin-right          10px !important
      min-width             120px !important

.step-creds.form-open

  .listview-wrapper
    display                 none

  .credential-creation-intro
    visible()

  .credentials-form-view
    height                  auto !important

    .kite-query-path
      margin-left           171px
      font-size             14px
      font-weight           300
      margin-bottom         20px
      a
        color                 #769ecc
        text-decoration       none

  .add-credential-scroll
    styleScrollBars         rgba(0,0,0,.15)

    .kdscrolltrack.vertical
      right                 -15px


.StackEditorTabs

  button.kdbutton.add-big-btn
    abs                     0 0px 0px 0
    z-index                 10
    outlineButton           $accentColor
    .icon
      hidden()

  .stacks
    .kdcustomscrollview
      styleScrollBars       rgba(0,0,0,.15)

      .kdscrolltrack
        right               -15px

.StackEditor-CredentialItem
  borderizeListItems        30px, 1px solid $borderColor

  &:before
    content                 ''
    abs                     30px 0 0 0px

  &:first-of-type:before
    abs                     0px 0 0 0px

  &:last-of-type
    min-height              90px

  &.aws:before
    r-sprite                'stack-editor' 'icon_aws'

  &.vagrant:before
    r-sprite                'stack-editor' 'icon_vagrant'

  &.digitalocean:before
    r-sprite                'stack-editor' 'icon_digitalocean'

  &.google:before
    r-sprite                'stack-editor' 'icon_google'

  .warning-message
    display                 block
    font-size               12px
    font-family             monospace
    font-weight             300
    line-height             1.5em
    margin-top              15px
    padding                 12px
    word-break              break-word
    white-space             pre-line
    color                   #555
    bg                      color lightgoldenrodyellow


.StackEditor-CredentialItem--flex
  dFlex()
  flex-flow                 row nowrap
  justify-content           space-around

.StackEditor-CredentialItem--info
  margin-left               60px
  line-height               30px
  flex                      0 0 auto

  .title
    fl()

  .custom-tag
{'fraction_non_alphanumeric': 0.060248320781599835, 'fraction_numerical': 0.04538978221046204, 'mean_word_length': 1.0006107491856677, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, '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': '4820261', 'n_tokens_mistral': 3057, 'n_tokens_neox': 2641, 'n_words': 608}