.directory { .period-chooser button { margin: 0; } .period-chooser { li { text-align: left; } } } .user-controls { padding: 1em; } .total-rows { padding: 0.25em 0.5em; } .user { border-top: 1px solid dark-light-diff($primary, $secondary, 80%, -20%); padding: 1em; &.me { background-color: dark-light-diff($highlight, $secondary, 70%, -80%); .username a, .name, .title, .number, .time-read, .user-stat .label { color: scale-color($highlight, $lightness: -50%); } } .user-stat { margin-left: 55px; font-size: 13px; .value { font-weight: bold; } .label { margin-left: 0.2em; color: dark-light-diff($primary, $secondary, 50%, -50%); } i.fa-heart { color: $love; } } margin-bottom: 1em; }