generated from webmural/music
-
Notifications
You must be signed in to change notification settings - Fork 0
/
lucky.css
81 lines (71 loc) · 1.03 KB
/
lucky.css
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
72
73
74
75
76
77
78
79
80
81
html {
font-family: sans-serif;
font-size: max(30px, 3vw);
line-height: 2;
}
body {
padding: 3ex;
display: flex;
margin: auto;
justify-content: center;
letter-spacing: .2ex;
}
:any-link {
transition: 30ms ease;
text-decoration: wavy overline;
}
:focus {
outline: thick dotted;
}
h1 {
font-size: 3rem;
overflow-wrap: anywhere;
letter-spacing: 3vmax;
margin: auto;
}
p {
flex-basis: 100%;
}
.joy {
text-transform: lowercase;
text-shadow:
0 1ch 0,
0 2ch 0;
}
.jove {
text-transform: lowercase;
text-shadow:
0 1vh 0,
0 2vh 0,
0 3vh 0,
0 4vh 0,
0 5vh 0,
0 6vh 0,
0 7vh 0,
0 8vh 0,
0 9vh 0;
}
@media (orientation: portrait) {
article {
writing-mode: vertical-rl;
}
.joy {
text-transform: lowercase;
text-shadow:
1ch 0 0,
2ch 0 0;
}
.jove {
text-transform: lowercase;
text-shadow:
1vw 0 0,
2vw 0 0,
3vw 0 0,
4vw 0 0,
5vw 0 0,
6vw 0 0,
7vw 0 0,
8vw 0 0,
9vw 0 0;
}
}