client/src/app/login/login.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 label {
   5   display: block;
   6 }
   7
   8 input:not([type=submit]) {
   9   @include peertube-input-text(340px);
  10   display: inline-block;
  11   margin-right: 5px;
  12
  13 }
  14
  15 input[type=submit] {
  16   @include peertube-button;
  17   @include orange-button;
  18 }
  19
  20 .create-an-account, .forgot-password-button {
  21   color: pvar(--mainForegroundColor);
  22   cursor: pointer;
  23   transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1);
  24
  25   &:hover {
  26     text-decoration: none !important;
  27     opacity: .7 !important;
  28   }
  29 }
  30
  31 .login-form-and-externals {
  32   display: flex;
  33   flex-wrap: wrap;
  34   font-size: 15px;
  35
  36   form {
  37     margin: 0 50px 20px 0;
  38   }
  39
  40   .external-login-blocks {
  41     min-width: 200px;
  42
  43     .block-title {
  44       font-weight: $font-semibold;
  45     }
  46
  47     .external-login-block {
  48       @include disable-default-a-behaviour;
  49
  50       cursor: pointer;
  51       border: 1px solid #d1d7e0;
  52       border-radius: 5px;
  53       color: pvar(--mainForegroundColor);
  54       margin: 10px 10px 0 0;
  55       display: flex;
  56       justify-content: center;
  57       align-items: center;
  58       min-height: 35px;
  59       min-width: 100px;
  60
  61       &:hover {
  62         background-color: rgba(209, 215, 224, 0.5)
  63       }
  64     }
  65   }
  66 }