assets/scss/_txt.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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

body.txt {
    background-color: $bg-txt-on;

    @import 'header-nav';
    
    > aside {
	&:hover, &:focus {
	    background-color: $bg-txt-on;
	    nav ul li:nth-child(2) {
		background: $bg-txt-on;
	    }
	}
    }
    > header {
        h1 {
            min-height: 10rem;
        }
        h2 {
            position: absolute;
            font-size: 4.8rem;
            transform-origin: top left;
            width: 90rem;
            left: 50%;
            transform: rotate(90deg) translate(0, -4.5rem);
            text-align: left;
            margin-left: 39rem;
            margin-top: auto;
        }
    }
    article aside ul img { /* see _main */
            height: 22.55rem; /* 1:1.41 for books */
    }

    #lang-switch {
	position: absolute;
	top: 0.1rem;
	right: 0.1rem;
	z-index: 1000;
    }
}

.phonetic {
    font-family: "Noto Sans";
}

h3 + p.tagline {
    font-style: italic;
    margin-top: -2rem;
}

.livres {
    display: block;
    max-width: 100%;
    position: relative;
}
.livres dl {
    display: flex;
    flex-flow: column wrap-reverse;
    justify-content: space-evenly;
    align-items: baseline;
    max-height: 30rem; /* Ensure books are aligned horizontally */
}
.livres dt {
    padding: 0.25rem 0.5rem;
    text-align: center;
    margin: auto;
}
.livres dd {
    min-height: 24rem;
    margin: auto;
}