blog/_assets/stylesheets/_tracklist.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

.track-list {
    .track {
        display: flex;
        flex-direction: column;
        margin-bottom: 8mm;
        header {
            font-size: 120%;
            font-weight: bold;
            padding: 2mm;
            background-color: rgba(29, 96, 129, 0.26);
            .track-artist {
                text-transform: uppercase;
            }
            .track-title {
                font-style: italic;
            }
        }
        .track-info {
            padding: {
                left: 5mm;
                right: 5mm;
                top: 3mm;
                bottom: 3mm;
            }
            background-color: $content-bg;
            @media (min-width: 800px) {
              display: flex;
            }
            img {
                margin-right: 3mm;
                flex: 1 0 auto;
            }
        }
    }
}