Commit | Line | Data |
---|---|---|
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 |
25 | input.multifactorTotpCode, |
26 | input.multifactorEmailCode { | |
53e360bd TD |
27 | font-family: monospace; |
28 | font-weight: 600; | |
29 | font-size: 28px; | |
30 | } | |
bfb25797 TD |
31 | input.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 | } |