[Summary view] [Print] [Text view]

   1  .wp-block-playlist-track:has([aria-current=true]) {
   2    background-color: color-mix(in srgb, currentColor 10%, transparent);
   3  }
   4  .wp-block-playlist-track:hover {
   5    background-color: color-mix(in srgb, currentColor 15%, transparent);
   6  }
   7  .wp-block-playlist__tracklist-show-numbers .wp-block-playlist-track {
   8    counter-increment: playlist-track;
   9  }
  10  .wp-block-playlist-track .wp-block-playlist-track__button {
  11    display: flex;
  12    align-items: center;
  13    width: 100%;
  14    padding: var(--wp--preset--spacing--20, 0.5em);
  15    font-size: inherit;
  16    font-family: inherit;
  17    text-align: left;
  18    background-color: transparent;
  19    color: inherit;
  20    border: 0;
  21    outline-offset: 2px;
  22    cursor: pointer;
  23  }
  24  .wp-block-playlist__tracklist-show-numbers .wp-block-playlist-track .wp-block-playlist-track__button::before {
  25    content: counter(playlist-track);
  26    width: 2ch;
  27    margin-right: var(--wp--preset--spacing--20, 0.5em);
  28    font-size: 0.85em;
  29    opacity: 0.7;
  30  }
  31  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__image {
  32    flex: 0 0 50px;
  33    width: 50px;
  34    height: 50px;
  35    margin-right: var(--wp--preset--spacing--20, 0.5em);
  36    border: 1px solid rgba(0, 0, 0, 0.08);
  37    box-sizing: border-box;
  38    object-fit: cover;
  39  }
  40  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
  41    flex: 1 1 0;
  42    min-width: 0;
  43  }
  44  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__title {
  45    display: block;
  46  }
  47  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__artist {
  48    display: block;
  49    font-size: 0.85em;
  50    opacity: 0.7;
  51    margin-top: 0.125em;
  52  }
  53  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__length {
  54    margin-left: auto;
  55    font-size: 0.85em;
  56    opacity: 0.7;
  57  }