-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.css
52 lines (46 loc) · 1.05 KB
/
theme.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
.lol-social-lower-pane-container {
transition: all .4s, transform 1s;
}
.friends-invis {
opacity: 0;
pointer-events: none;
transform: translateY(50%);
}
.friends-button {
position: relative;
transition: all .3s;
color: rgb(205, 190, 145);
border: 1.5px solid rgb(205, 190, 145);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
background-color: rgb(32, 35, 40);
transition: color .3s;
}
.friends-button::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
mix-blend-mode: overlay;
background-image: linear-gradient(to bottom, rgb(32, 35, 40), rgb(243, 229, 186));
opacity: 0;
transition: opacity .3s;
background-position: center bottom;
background-size: 100% 200%;
}
.friends-button :is(img, svg) {
width: 65%;
height: 100%;
object-fit: contain;
}
.friends-button:hover {
color: rgb(255, 244, 213);
}
.friends-button:hover::after {
opacity: 1;
}