[Flask] Aggregate your news and vote for the content you care about.
1
. {
2
height:100%;
3
position:relative;
4
z-index:0;
5
overflow:auto;
6
}
7
8
. {
9
height:100%;
10
width:3%;
11
float:left;
12
position:relative;
13
z-index:1;
14
background:var(--yes);
15
}
16
17
. {
18
height:100%;
19
width:3%;
20
float:left;
21
position:relative;
22
z-index:1;
23
background:var(--home);
24
}
25
26
.:hover {
27
width:4%;
28
transition:0.2s;
29
}
30
31
.:hover~. {
32
width:5%;
33
transition:0.2s;
34
}
35
36
.:hover {
37
width:4%;
38
transition:0.2s;
39
}
40
41
/* Archive. */
42
. {
43
height:100%;
44
display:flex;
45
position:relative;
46
flex-wrap:wrap;
47
overflow:auto;
48
justify-content:space-between;
49
}
50
51
. {
52
max-height:20%;
53
max-width:25%;
54
background:white;
55
border-radius:14px;
56
padding:1rem;
57
margin:0.5rem;
58
overflow:hidden;
59
position:relative;
60
}
61
.:hover {
62
background:linear-gradient(toleft,var(--no)50%,var(--yes)50%);
63
cursor:pointer;
64
transition:0.8s;
65
color:white;
66
overflow:auto;
67
}
68