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: var(--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     padding: 0 10px 10px 10px;
  42     min-width: 200px;
  43
  44     .block-title {
  45       font-weight: $font-semibold;
  46     }
  47
  48     .external-login-block {
  49       cursor: pointer;
  50       border: 1px solid #d1d7e0;
  51       border-radius: 5px;
  52       margin: 10px 10px 0 0;
  53       display: flex;
  54       justify-content: center;
  55       align-items: center;
  56       min-height: 35px;
  57       min-width: 100px;
  58
  59       &:hover {
  60         background-color: rgba(209, 215, 224, 0.5)
  61       }
  62
  63       a {
  64         @include disable-default-a-behaviour;
  65         color: var(--mainForegroundColor);
  66       }
  67     }
  68   }
  69 }