<commit_before>$sidebar-borders: 1px solid $mercury;

.dashboard__sidebar {
    background: $porcelain;
    border-right: $sidebar-borders;
    bottom: 0;
    display: inline-block;
    overflow-y: scroll;
    position: absolute;
    top: 90px;
    vertical-align: top;
    width: $sidebar-width;
    z-index: 0;

    // @include scrollbars(.5em, red);
}

.dashboard__map {
    // box-flex: 1;
    position: absolute;
    display: inline-block;
    vertical-align: top;
    left: $sidebar-width;
}

.dashboard__date {
    background: $porcelain;
    border-bottom: $sidebar-borders;
    font-family: $header-font-family;
    font-weight: bold;
    letter-spacing: 1px;
    min-height: rem-calc(65px);
    padding: rem-calc(20px) rem-calc(30px);
    position: fixed;
    text-align: center;
    width: $sidebar-width - 1;
    z-index: 100;
}

.dashboard__dog-list {
    list-style: none;
    margin: 65px 0px 0px 0px;
}

.dog--dashboard {
  background: none;
  border-bottom: $sidebar-borders;
  opacity: .4;
  padding: rem-calc(30px 30px 40px 30px);
  transition: opacity .25s;

  &:hover {
    opacity: 1;
  } // end dog--dashboard:hover

  .dog__avatar-container {
      display: inline-block;
      margin-right: rem-calc(15px);
      margin-top: rem-calc(10px);
      vertical-align: top;
  }

  .dog__avatar {
      border-radius: 50%;
      height: 60px;
      width: 60px;
  }

  .dog__info {
      display: inline-block;
      vertical-align: top;
  }

  .dog__name {
      font-family: $header-font-family;
      font-size: rem-calc(16px);
      font-weight: 600;
      letter-spacing: 1px;
      margin: 0px;

      a {
        color: $scorpion;
      }
  } // end dog__name

  .dog__owner {
      font-family: $body-font-family;
      font-size: rem-calc(11px);
      font-style: italic;
      margin-bottom: 10px;
  }

  .button--sidebar {
    background: $white;
    border: 1px solid $mercury;
    border-radius: 100px;
    overflow: hidden;
    padding: 6px 15px 10px 15px;
    position: relative;
    font-family: $header-font-family;
    font-size: 12px;
    font-weight: 600;

    &:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+99 */
      background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    }

    //don't use gradient on hover of open dropdown
    &.dropdown--open {
      &:hover {
        background: $white;
      }
    }

  } //end button--sidebar, button--dropdown

  .dropdown {
    position: absolute;
    z-index: 50;
    border-radius: 15px;
    height: 30px;
    padding: 0px;

    &.dropdown--open {
      height: auto;

      .dropdown__current-selection {
        border: none;

        &:hover {
          background: $porcelain;
        }
      }// end .dropdown--open .dropdown__current-selection

      .dropdown__arrow-container {
        display: none;
      }

    }// end .dropdown.dropdown--open
  }

  .dropdown__current-selection {
    padding: 3px 40px 5px 25px;
    display: block;
    margin: 0;
    line-height: 1.8;
    color: #5d5d5d;
    font-family: $header-font-family;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    border-bottom: 1px solid lighten($mercury, 6%);
    position: relative;

    &:hover {
      cursor: pointer;

    }

    .dropdown__arrow-container {
      border-left: 1px solid $mercury;
      height: 100%;
      position: absolute;
      right: 0px;
      top: 0px;
      transition: all .25s;
      width:30px;
      
      .dropdown__arrow {
        display: inline-block;
        height: 6px;
        position: absolute;
        right: 12px;
        top: 4px;
        transform-origin: center;
        width: 6px;

        .dropdown__arrow-svg {
          transform: rotate(90deg);
        }
      }// end dropdown__arrow
    }// end dropdown__arrow-container
  }// end dropdown__current-selection

  .dropdown__option {
    color: #5d5d5d;
    cursor: pointer;
    display: block;
    font-family: $header-font-family;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
    margin: 0;
    padding: 3px 40px 5px 25px;

    &:hover {
      background: $porcelain;
    }

    input[type="radio"] {
      display: none;
    }


  }// end dropdown__option

  .indicator {
    
    position: relative;

    &:before {
      background: $paw-red;
      border-radius: 100px;
      content: '';
      height: 8px;
      left: 10px;
      position: absolute;
      top: 11px;
      width: 8px;
    }

    &.indicator--green {
      &:before {
        background: $paw-green;
      }
    }

    &.indicator--yellow {
      &:before {
        background: $paw-yellow;
      }
    }

    &.indicator--red {
      &:before {
        background: $paw-red;
      }
    }

    &.current-selection__indicator {
      &:before {
        top: 8px;
        left: -15px;
      }
    }
  } //end indicator

  

  .option--check-out {
    border-top: 1px solid $mercury;
    opacity: .75;
    background: lighten($mercury,10%);
  }

} // end dog--dashboard

.dog--checked-in {
  opacity: 1;
  transition: opacity .25s;

  .button--check-in {
    display: none;
  }
}

.hide {
  display: none;
}<commit_msg>alphabetized css attributes<commit_after>$sidebar-borders: 1px solid $mercury;

.dashboard__sidebar {
    background: $porcelain;
    border-right: $sidebar-borders;
    bottom: 0;
    display: inline-block;
    overflow-y: scroll;
    position: absolute;
    top: 90px;
    vertical-align: top;
    width: $sidebar-width;
    z-index: 0;
}

.dashboard__map {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    left: $sidebar-width;
}

.dashboard__date {
    background: $porcelain;
    border-bottom: $sidebar-borders;
    font-family: $header-font-family;
    font-weight: bold;
    letter-spacing: 1px;
    min-height: rem-calc(65px);
    padding: rem-calc(20px) rem-calc(30px);
    position: fixed;
    text-align: center;
    width: $sidebar-width - 1;
    z-index: 100;
}

.dashboard__dog-list {
    list-style: none;
    margin: 65px 0px 0px 0px;
}

.dog--dashboard {
  background: none;
  border-bottom: $sidebar-borders;
  opacity: .4;
  padding: rem-calc(30px 30px 40px 30px);
  transition: opacity .25s;

  &:hover {
    opacity: 1;
  } // end dog--dashboard:hover

  .dog__avatar-container {
      display: inline-block;
      margin-right: rem-calc(15px);
      margin-top: rem-calc(10px);
      vertical-align: top;
  }

  .dog__avatar {
      border-radius: 50%;
      height: 60px;
      width: 60px;
  }

  .dog__info {
      display: inline-block;
      vertical-align: top;
  }

  .dog__name {
      font-family: $header-font-family;
      font-size: rem-calc(16px);
      font-weight: 600;
      letter-spacing: 1px;
      margin: 0px;

      a {
        color: $scorpion;
      }
  } // end dog__name

  .dog__owner {
      font-family: $body-font-family;
      font-size: rem-calc(11px);
      font-style: italic;
      margin-bottom: 10px;
  }

  .button--sidebar {
    background: $white;
    border: 1px solid $mercury;
    border-radius: 100px;
    overflow: hidden;
    padding: 6px 15px 10px 15px;
    position: relative;
    font-family: $header-font-family;
    font-size: 12px;
    font-weight: 600;

    &:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+99 */
      background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    }

    //don't use gradient on hover of open dropdown
    &.dropdown--open {
      &:hover {
        background: $white;
      }
    }

  } //end button--sidebar, button--dropdown

  .dropdown {
    border-radius: 15px;
    height: 30px;
    padding: 0px;
    position: absolute;
    z-index: 50;

    &.dropdown--open {
      height: auto;

      .dropdown__current-selection {
        border: none;

        &:hover {
          background: $porcelain;
        }
      }// end .dropdown--open .dropdown__current-selection

      .dropdown__arrow-container {
        display: none;
      }

    }// end .dropdown.dropdown--open
  }

  .dropdown__current-selection {
    border-bottom: 1px solid lighten($mercury, 6%);
    color: #5d5d5d;
    display: block;
    font-family: $header-font-family;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
    margin: 0;
    overflow: hidden;
    padding: 3px 40px 5px 25px;
    position: relative;

    &:hover {
      cursor: pointer;

    }

    .dropdown__arrow-container {
      border-left: 1px solid $mercury;
      height: 100%;
      position: absolute;
      right: 0px;
      top: 0px;
      transition: all .25s;
      width:30px;
      
      .dropdown__arrow {
        display: inline-block;
        height: 6px;
        position: absolute;
        right: 12px;
        top: 4px;
        transform-origin: center;
        width: 6px;

        .dropdown__arrow-svg {
          transform: rotate(90deg);
        }
      }// end dropdown__arrow
    }// end dropdown__arrow-container
  }// end dropdown__current-selection

  .dropdown__option {
    color: #5d5d5d;
    cursor: pointer;
    display: block;
    font-family: $header-font-family;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
    margin: 0;
    padding: 3px 40px 5px 25px;

    &:hover {
      background: $porcelain;
    }

    input[type="radio"] {
      display: none;
    }


  }// end dropdown__option

  .indicator {
    
    position: relative;

    &:before {
      background: $paw-red;
      border-radius: 100px;
      content: '';
      height: 8px;
      left: 10px;
      position: absolute;
      top: 11px;
      width: 8px;
    }

    &.indicator--green {
      &:before {
        background: $paw-green;
      }
    }

    &.indicator--yellow {
      &:before {
        background: $paw-yellow;
      }
    }

    &.indicator--red {
      &:before {
        background: $paw-red;
      }
    }

    &.current-selection__indicator {
      &:before {
        top: 8px;
        left: -15px;
      }
    }
  } //end indicator

  

  .option--check-out {
    border-top: 1px solid $mercury;
    opacity: .75;
    background: lighten($mercury,10%);
  }

} // end dog--dashboard

.dog--checked-in {
  opacity: 1;
  transition: opacity .25s;

  .button--check-in {
    display: none;
  }
}

.hide {
  display: none;
}
{'fraction_non_alphanumeric': 0.13445456234900577, 'fraction_numerical': 0.03642445642073964, 'mean_word_length': 2.095484613172275, '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': '246036', 'n_tokens_mistral': 4110, 'n_tokens_neox': 3707, 'n_words': 791}