Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / accountSecurity.scss
CommitLineData
68ae9c6a 1.accountSecurityContainer {
2 display: flex;
3 flex-wrap: wrap;
4}
5
6.accountSecurityInformation {
7 flex: 1 1 auto;
8}
2e781ff3
TD
9
10.multifactorBackupCode {
11 font-family: monospace;
12 &.used {
13 text-decoration: line-through;
14 }
15 .chunk {
16 margin-left: 5px;
17 &:first-child {
18 margin-left: 0;
19 font-weight: 600;
20 }
21 }
22}
ed920c43 23
53e360bd 24// Just .multifactorTotpCode is not specific enough.
bfb25797
TD
25input.multifactorTotpCode,
26input.multifactorEmailCode {
53e360bd
TD
27 font-family: monospace;
28 font-weight: 600;
29 font-size: 28px;
30}
bfb25797
TD
31input.multifactorBackupCode {
32 font-family: monospace;
33 font-weight: 600;
34 font-size: 18px;
35}
53e360bd 36
ed920c43
TD
37.multifactorTotpNewDevice {
38 display: flex;
53e360bd 39 flex-direction: column;
c5cbcf12 40 margin-top: 20px;
8a52619a 41
ed920c43
TD
42 .totpSecretContainer {
43 text-align: center;
8a52619a 44
ed920c43
TD
45 canvas {
46 width: 200px;
47 height: 200px;
48 }
49 }
8a52619a 50
c5cbcf12
AE
51 .totpSecret {
52 display: inline-block;
53 margin-top: 10px;
54 }
8a52619a 55
ed920c43
TD
56 .multifactorTotpNewDeviceFields {
57 flex: 1 1 auto;
58 }
8a52619a 59
53e360bd
TD
60 @include screen-md-up {
61 flex-direction: row;
8a52619a 62
53e360bd
TD
63 .totpSecretContainer {
64 width: 250px;
65 margin: 0 5px;
66 }
67 }
ed920c43 68}