[READ-ONLY] Mirror of https://github.com/probablykasper/ferrum. Music library app for Mac, Linux and Windows
ferrum.kasper.space
electron
linux
macos
music
music-library
music-player
napi
windows
Simplify css selectors
+35
-37
+35
-37
src/components/TrackList.svelte
+35
-37
src/components/TrackList.svelte
···
688
688
</div> -->
689
689
690
690
<style lang="sass">
691
-
.grid-container :global revo-grid
692
-
--revo-grid-focused-bg: hsla(var(--hue), 70%, 46%, 1)
693
-
outline: none
694
-
revogr-data, revogr-header
695
-
.rgCell, .rgHeaderCell
696
-
padding: 0 5px
697
-
&:first-child
698
-
padding-left: 10px
699
-
&:last-child
700
-
padding-right: 0px
701
-
&.index, &.playCount, &.skipCount, &.duration
702
-
padding-left: 0px
703
-
padding-right: 10px
704
-
text-align: right
705
-
.rgRow
706
-
line-height: 24px
707
-
font-size: 12px
708
-
box-shadow: none
709
-
.rgRow.odd
710
-
background-color: hsla(0, 0%, 90%, 0.06)
711
-
.rgRow.selected
712
-
background-color: hsla(var(--hue), 20%, 42%, 0.8)
713
-
.rgRow.playing.selected
714
-
--revo-grid-text: #ffffff
715
-
.rgRow.playing
716
-
--revo-grid-text: #00ffff
717
-
revogr-header .header-rgRow
718
-
height: 24px
719
-
line-height: 24px
720
-
font-size: 12px
721
-
box-shadow: none
722
-
font-weight: 400
723
-
revogr-header .rgHeaderCell .resizable
724
-
display: none
725
-
.grid-container:focus-within :global revo-grid
726
-
revogr-data .rgRow.selected
727
-
background-color: hsla(var(--hue), 70%, 46%, 1)
728
691
.grid-container :global
692
+
revo-grid
693
+
outline: none
694
+
.header-rgRow
695
+
height: 24px
696
+
line-height: 24px
697
+
font-size: 12px
698
+
box-shadow: none
699
+
font-weight: 400
700
+
.rgHeaderCell .resizable
701
+
display: none
702
+
.rgCell, .rgHeaderCell
703
+
padding: 0 5px
704
+
&:first-child
705
+
padding-left: 10px
706
+
&:last-child
707
+
padding-right: 0px
708
+
&.index, &.playCount, &.skipCount, &.duration
709
+
padding-left: 0px
710
+
padding-right: 10px
711
+
text-align: right
712
+
.rgRow
713
+
line-height: 24px
714
+
font-size: 12px
715
+
box-shadow: none
716
+
.rgRow.odd
717
+
background-color: hsla(0, 0%, 90%, 0.06)
718
+
.rgRow.selected
719
+
background-color: hsla(var(--hue), 20%, 42%, 0.8)
720
+
.rgRow.playing.selected
721
+
--revo-grid-text: #ffffff
722
+
.rgRow.playing
723
+
--revo-grid-text: #00ffff
729
724
.playing > .index
730
725
background-repeat: no-repeat
731
726
background-size: 16px
···
737
732
.playing.selected > .index
738
733
// #ffffff
739
734
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E")
735
+
.grid-container:focus-within :global
736
+
.rgRow.selected
737
+
background-color: hsla(var(--hue), 70%, 46%, 1)
740
738
741
739
742
740
// .tracklist