]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame_incremental - client/src/app/modal/admin-welcome-modal.component.scss
Increase player progress bar hitbox height
[github/Chocobozzz/PeerTube.git] / client / src / app / modal / admin-welcome-modal.component.scss
... / ...
CommitLineData
1@use '_mixins' as *;
2@use '_variables' as *;
3
4.modal-body {
5 font-size: 15px;
6}
7
8.two-columns {
9 display: flex;
10 align-items: center;
11 justify-content: center;
12 margin-top: 50px;
13}
14
15.mascot-fw {
16 width: 170px;
17}
18
19.mascot {
20 @include margin-right(2rem);
21
22 display: block;
23 min-width: 170px;
24}
25
26.subtitle {
27 font-weight: $font-semibold;
28 margin-bottom: 10px;
29 font-size: 16px;
30}
31
32.block-documentation {
33 .subtitle {
34 margin-bottom: 20px;
35 }
36}
37
38li {
39 margin-bottom: 10px;
40}
41
42.configure-instance {
43 text-align: center;
44 font-weight: 600;
45 font-size: 18px;
46 margin: 20px 0 40px;
47}
48
49.columns {
50 display: flex;
51}
52
53.link-block {
54 @include disable-default-a-behaviour;
55
56 color: pvar(--mainForegroundColor);
57 padding: 10px;
58 transition: background-color 0.2s ease-in;
59 flex-basis: 33%;
60
61 &:hover {
62 background-color: rgba(0, 0, 0, 0.05);
63 }
64
65 .link-title {
66 font-size: 16px;
67 font-weight: $font-semibold;
68 display: flex;
69 justify-content: center;
70 margin-bottom: 5px;
71 }
72
73 .link-title,
74 div {
75 text-align: center;
76 }
77}