<commit_before>//
// Toda customização da topbar estará abaixo
//
.ls-topbar
  +single-transition(all, .5s)
  +translate(0, 0)
  height: $topbar-height
  position: fixed
  width: 100%
  top: 0
  left: 0
  z-index: 11

  &:after
    +box-shadow(0px 5px 8px -1px rgba(255,255,255,.5))
    content: ""
    width: 100%
    height: 6px
    position: absolute
    bottom: 0
    left: 0

  .ls-sidebar-visible &
    +translate($sidebar-width, 0)

  .ls-notifications-visible &
    +translate(-$sidebar-width, 0)

  //
  // Nome do produto/marca
  //
  .ls-brand-name
    font-size: remtopx(1.45)
    font-weight: 300
    color: #fff
    padding: 15px 0
    height: $topbar-height
    text-align: center
    width: 67%
    margin: 0 auto
    white-space: nowrap
    overflow: hidden
    text-overflow: ellipsis

    a
      text-decoration: none
      color: #fff
      vertical-align: middle

      &:before
        display: none

  //
  // Ítens clicáveis incluindo notificações e possível dropdown com informações de usuário.
  //
  .ls-notification-topbar
    float: right

    .ls-alerts-list
      display: inline-block
      vertical-align: middle
      margin-top: 20px

      & :before
        font-size: remtopx(1.2)
        margin: 0

      [class*="ls-ico"]
        margin-right: 14px
        position: relative
        display: none
        width: 22px
        text-align: center

        &:after
          content: attr(data-counter)
          position: absolute
          font-family: arial, sans-serif
          +border-circle(17px, .625rem)
          background: #cc0000
          color: #fff
          top: -10px
          left: 10px
          display: none
          -webkit-font-smoothing: auto
          -moz-osx-font-smoothing: grayscale

        &[data-counter]
          color: #fff

          &:after
            display: block

        &.ls-active
          color: #fff

        span
          display: none


  .ls-ico-menu,
  .ls-show-notifications
    cursor: pointer

    &:before
      position: fixed
      padding: 15px 15px 0
      height: $topbar-height
      display: inline-block
      color: #FFF
      font-size: remtopx(2)
      vertical-align: middle
      cursor: pointer

    &:after
      content: ""
      position: fixed
      top: 0
      left: 0
      width: 100%
      height: 2424px
      display: none

  .ls-show-notifications:before
    right: 0
    font-size: remtopx(1.5)
    top: 4px

.ls-sidebar-visible .ls-ico-menu:after,
.ls-notifications-visible .ls-show-notifications:after
  display: block


@media screen and (min-width: $screen-sm)
  .ls-topbar
    text-align: left
    +single-transition(none)

    &:after
      left: $sidebar-width

    .ls-sidebar-visible &
      +translate(0, 0)

    .ls-notifications-visible &
      +translate(0, 0)

    .ls-brand-name
      font-size: remtopx(1.5)
      text-align: left
      width: auto
      display: inline-block
      padding-left: 15px

      a:before
        display: inline-block
        vertical-align: top
        margin-right: 12px
        font-size: remtopx(2)

    .ls-ico-menu:before,
    .ls-show-notifications:before
      display: none

    .ls-notification-topbar

      .ls-alerts-list
        margin-top: 0

        [class*="ls-ico"]
          background: transparent
          border: none
          cursor: pointer
          display: inline-block

      .ls-user-account
        display: inline-block
<commit_msg>fix to notification in the topbar when theme is ls-theme-light-red<commit_after>//
// Toda customização da topbar estará abaixo
//
.ls-topbar
  +single-transition(all, .5s)
  +translate(0, 0)
  height: $topbar-height
  position: fixed
  width: 100%
  top: 0
  left: 0
  z-index: 11

  &:after
    +box-shadow(0px 5px 8px -1px rgba(255,255,255,.5))
    content: ""
    width: 100%
    height: 6px
    position: absolute
    bottom: 0
    left: 0

  .ls-sidebar-visible &
    +translate($sidebar-width, 0)

  .ls-notifications-visible &
    +translate(-$sidebar-width, 0)

  //
  // Nome do produto/marca
  //
  .ls-brand-name
    font-size: remtopx(1.45)
    font-weight: 300
    color: #fff
    padding: 15px 0
    height: $topbar-height
    text-align: center
    width: 67%
    margin: 0 auto
    white-space: nowrap
    overflow: hidden
    text-overflow: ellipsis

    a
      text-decoration: none
      color: #fff
      vertical-align: middle

      &:before
        display: none

  //
  // Ítens clicáveis incluindo notificações e possível dropdown com informações de usuário.
  //
  .ls-notification-topbar
    float: right

    .ls-alerts-list
      display: inline-block
      vertical-align: middle
      margin-top: 20px

      & :before
        font-size: remtopx(1.2)
        margin: 0

      [class*="ls-ico"]
        margin-right: 14px
        position: relative
        display: none
        width: 22px
        text-align: center

        &:after
          content: attr(data-counter)
          position: absolute
          font-family: arial, sans-serif
          +border-circle(17px, .625rem)
          background: #cc0000
          color: #fff
          top: -10px
          left: 10px
          display: none
          -webkit-font-smoothing: auto
          -moz-osx-font-smoothing: grayscale

          .ls-theme-light-red &
            background: blue

        &[data-counter]
          color: #fff

          &:after
            display: block

        &.ls-active
          color: #fff

        span
          display: none


  .ls-ico-menu,
  .ls-show-notifications
    cursor: pointer

    &:before
      position: fixed
      padding: 15px 15px 0
      height: $topbar-height
      display: inline-block
      color: #FFF
      font-size: remtopx(2)
      vertical-align: middle
      cursor: pointer

    &:after
      content: ""
      position: fixed
      top: 0
      left: 0
      width: 100%
      height: 2424px
      display: none

  .ls-show-notifications:before
    right: 0
    font-size: remtopx(1.5)
    top: 4px

.ls-sidebar-visible .ls-ico-menu:after,
.ls-notifications-visible .ls-show-notifications:after
  display: block


@media screen and (min-width: $screen-sm)
  .ls-topbar
    text-align: left
    +single-transition(none)

    &:after
      left: $sidebar-width

    .ls-sidebar-visible &
      +translate(0, 0)

    .ls-notifications-visible &
      +translate(0, 0)

    .ls-brand-name
      font-size: remtopx(1.5)
      text-align: left
      width: auto
      display: inline-block
      padding-left: 15px

      a:before
        display: inline-block
        vertical-align: top
        margin-right: 12px
        font-size: remtopx(2)

    .ls-ico-menu:before,
    .ls-show-notifications:before
      display: none

    .ls-notification-topbar

      .ls-alerts-list
        margin-top: 0

        [class*="ls-ico"]
          background: transparent
          border: none
          cursor: pointer
          display: inline-block

      .ls-user-account
        display: inline-block

{'fraction_non_alphanumeric': 0.10174339417052575, 'fraction_numerical': 0.02642331789703078, 'mean_word_length': 1.5576454197143852, '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': '7484209', 'n_tokens_mistral': 2802, 'n_tokens_neox': 2275, 'n_words': 544}