[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: right;
  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-left: 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-left: var(--wp--preset--spacing--20, 0.5em);
  36    border: 1px solid rgba(0, 0, 0, 0.08);
  37    box-sizing: border-box;
  38    -o-object-fit: cover;
  39       object-fit: cover;
  40  }
  41  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
  42    flex: 1 1 0;
  43    min-width: 0;
  44  }
  45  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__title {
  46    display: block;
  47  }
  48  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__artist {
  49    display: block;
  50    font-size: 0.85em;
  51    opacity: 0.7;
  52    margin-top: 0.125em;
  53  }
  54  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__length {
  55    margin-right: auto;
  56    font-size: 0.85em;
  57    opacity: 0.7;
  58  }