<commit_before>.toolbar
  position: relative
  transition: .3s $transition.swing
  width: 100%
  will-change: padding-left
  z-index: 2
  elevation(4)
    
  .input-group--solo
    .input-group__details
      display: none


/** Children */
.toolbar
  &__title
    font-size: $headings.h6.size
    font-weight: $headings.h6.weight
    letter-spacing: $headings.h6.letter-spacing
    line-height: $headings.h6.line-height
    margin-left: 16px

  &__content, &__extension
    align-items: center
    display: flex
    flex-wrap: wrap

    > .btn:first-child
      margin-left: 10px

    > .btn:last-child
      margin-right: 10px
      
    > *:not(.btn):first-child
      margin-left: $grid-gutters.lg

    > *:not(.btn):last-child
      margin-right: $grid-gutters.lg
  
  &__content
    height: $toolbar-height

  &__extension
    height: $toolbar-extension-height
    
    .toolbar__title
      margin-left: 72px
    
  &__items
    display: flex
    height: 100%
    max-width: 100%
    padding: 0
    
    > .btn
      height: 100%
      margin: 0

  @media $display-breakpoints.xs-only    
    &__content, &__extension
      height: $toolbar-mobile-portrait-height

      > .btn:first-child
        margin-left: 17px

      > .btn:last-child
        margin-right: 17px
      
      > *:not(.btn):first-child
        margin-left: $grid-gutters.xl

      > *:not(.btn):last-child
        margin-right: $grid-gutters.xl

  @media screen and (max-width: $grid-breakpoints.sm) and (orientation: portrait)
    toolbar-content(7px)
  
  @media screen and (max-width: $grid-breakpoints.lg) and (orientation: landscape)
    &__content, &__extension
      height: $toolbar-mobile-landscape-height


/** Types */
.toolbar
  &--card
    border-radius: $card-border-radius $card-border-radius 0 0
    elevation(0)
    
  &--fixed
    position: fixed

  &--fixed, &--absolute
    + main
      padding-top: $toolbar-height
      
  &--floating
    display: inline-flex
    margin: 16px
    width: auto<commit_msg>reorganized styles<commit_after>.toolbar
  position: relative
  transition: .3s $transition.swing
  width: 100%
  will-change: padding-left
  z-index: 2
  elevation(4)
    
  .input-group--solo
    .input-group__details
      display: none


/** Children */
.toolbar
  &__title
    font-size: $headings.h6.size
    font-weight: $headings.h6.weight
    letter-spacing: $headings.h6.letter-spacing
    line-height: $headings.h6.line-height
    margin-left: 16px

  &__content, &__extension
    align-items: center
    display: flex
    flex-wrap: wrap

    > .btn:last-child
      margin-right: 10px
      
    > .btn:first-child
      margin-left: 10px

    > *:not(.btn):last-child
      margin-right: $grid-gutters.lg
      
    > *:not(.btn):first-child
      margin-left: $grid-gutters.lg
  
  &__content
    height: $toolbar-height

  &__extension
    height: $toolbar-extension-height
    
    .toolbar__title
      margin-left: 72px
    
  &__items
    display: flex
    height: 100%
    max-width: 100%
    padding: 0
    
    > .btn
      height: 100%
      margin: 0

  @media $display-breakpoints.xs-only    
    &__content, &__extension
      height: $toolbar-mobile-portrait-height

      > .btn:last-child
        margin-right: 17px

      > .btn:first-child
        margin-left: 17px

      > *:not(.btn):last-child
        margin-right: $grid-gutters.xl
      
      > *:not(.btn):first-child
        margin-left: $grid-gutters.xl

  @media screen and (max-width: $grid-breakpoints.sm) and (orientation: portrait)
    toolbar-content(7px)
  
  @media screen and (max-width: $grid-breakpoints.lg) and (orientation: landscape)
    &__content, &__extension
      height: $toolbar-mobile-landscape-height


/** Types */
.toolbar
  &--card
    border-radius: $card-border-radius $card-border-radius 0 0
    elevation(0)
    
  &--fixed
    position: fixed

  &--fixed, &--absolute
    + main
      padding-top: $toolbar-height
      
  &--floating
    display: inline-flex
    margin: 16px
    width: auto
{'fraction_non_alphanumeric': 0.12590196566310027, 'fraction_numerical': 0.019407812888778304, 'mean_word_length': 2.262987012987013, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 21, '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': '5546172', 'n_tokens_mistral': 1469, 'n_tokens_neox': 1352, 'n_words': 272}