wcfsetup/install/files/style/ui/accountSecurity.scss

   1 .accountSecurityContainer {
   2         display: flex;
   3         flex-wrap: wrap;
   4 }
   5
   6 .accountSecurityInformation {
   7         flex: 1 1 auto;
   8 }
   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 }
  23
  24 // Just .multifactorTotpCode is not specific enough.
  25 input.multifactorTotpCode,
  26 input.multifactorEmailCode {
  27         font-family: monospace;
  28         font-weight: 600;
  29         font-size: 28px;
  30 }
  31 input.multifactorBackupCode {
  32         font-family: monospace;
  33         font-weight: 600;
  34         font-size: 18px;
  35 }
  36
  37 .multifactorTotpNewDevice {
  38         display: flex;
  39         flex-direction: column;
  40         margin-top: 20px;
  41
  42         .totpSecretContainer {
  43                 text-align: center;
  44
  45                 canvas {
  46                         width: 200px;
  47                         height: 200px;
  48                 }
  49         }
  50
  51         .totpSecret {
  52                 display: inline-block;
  53                 margin-top: 10px;
  54         }
  55
  56         .multifactorTotpNewDeviceFields {
  57                 flex: 1 1 auto;
  58         }
  59
  60         @include screen-md-up {
  61                 flex-direction: row;
  62
  63                 .totpSecretContainer {
  64                         width: 250px;
  65                         margin: 0 5px;
  66                 }
  67         }
  68 }