nukeop/nuclear

View on GitHub
packages/app/app/components/ArtistView/PopularTracks/styles.scss

Summary

Maintainability
Test Coverage
@import '../../../vars';

.popular_tracks_container {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;

  margin: 0 0.5rem;

  .header {
    margin-bottom: 1rem;

    font-size: 24px;
    font-variant: all-small-caps;
  }

  .expand_button {
    display: flex;
    justify-content: center;
    padding: 0.5rem;
    margin-top: 0.5rem;
    transition: $short-duration;
    cursor: pointer;

    &:hover {
      background: lighten($background, 5%);
    }
  }

  .popular_tracks_table {
    th:last-child {
      text-align: right;
    }
  }
}

.add_button {
  text-align: left;
}