rokumatsumoto/boyutluseyler

View on GitHub
app/assets/stylesheets/pages/login.scss

Summary

Maintainability
Test Coverage
// All authentication forms

.omniauth-container {
  a {
    @extend .mr-4;

    &:last-of-type {
      @extend .mr-0;
    }
  }
}

%text-auth-form {
  color: $dusty-gray-2;
}

%link-light-auth-form {
  color: $picton-blue-2;

  &:hover {
    color: $eastern-blue-2;
  }
}

%link-auth-form {
  color: $emperor-2;
  font-size: .9rem;

  &:hover {
    color: $emperor-2;
  }
}

// TODO: remove unused
// Sign up form
// .text-sign-up-form {
//   @extend %text-auth-form;
// }

// .link-light-sign-up-form {
//   @extend %link-light-auth-form;
// }

// .text-motto-sign-up-form p span {
//   color: $delta-2;
// }

// TODO: remove unused
// Sign in form
// .text-sign-in-form {
//   @extend %text-auth-form;
// }

// .link-light-sign-in-form {
//   @extend %link-light-auth-form;
// }

// .link-sign-in-form {
//   @extend %link-auth-form;
// }

// Reset password form
.text-reset-pass-form {
  @extend %text-auth-form;
}

.link-reset-pass-form {
  @extend %link-auth-form;
}


.link-light-reset-pass-form {
  @extend %link-light-auth-form;
}

// Forgot password form
.text-forgot-pass-form {
  @extend %text-auth-form;
}

.link-forgot-pass-form {
  @extend %link-auth-form;
}

.link-light-forgot-pass-form {
  @extend %link-light-auth-form;
}

// TODO: remove unused
// @include media-breakpoint-between(xs, sm) {
//   // change .btn-password-reset to .btn-sm size on xs
//   .btn-forgot-pass {
//     @include button-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $font-size-sm, $line-height-sm, $btn-border-radius-sm);
//   }
// }

// TODO: remove unused
// @include media-breakpoint-between(sm, md) {
//   // change .btn-password-reset to .btn-sm size on sm
//   .btn-forgot-pass {
//     @include button-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $font-size-sm, $line-height-sm, $btn-border-radius-sm);
//   }
// }

// Resend confirmation instructions form
.text-resend-conf-form {
  @extend %text-auth-form;
}

.link-resend-conf-form {
  @extend %link-auth-form;
}

.link-light-resend-conf-form {
  @extend %link-light-auth-form;
}

// Resend unlock instructions form
.text-resend-unlck-form {
  @extend %text-auth-form;
}

.link-resend-unlck-form {
  @extend %link-auth-form;
}

.link-light-resend-unlck-form {
  @extend %link-light-auth-form;
}

// TODO: remove unused
// Sign up, sign in forms
// .btn-twitter-auth {
//   background-color: $dodger-blue-2;
//   border-color: $dodger-blue-2;
//   color: $white;

//   &:hover {
//     color: $white;
//   }
// }

// TODO: remove unused
// .btn-facebook-auth {
//   background-color: $san-marino-2;
//   border-color: $san-marino-2;
//   color: $white;

//   &:hover {
//     color: $white;
//   }
// }

// TODO: remove unused
// .btn-google-auth {
//   background-color: $mojo-2;
//   border-color: $mojo-2;
//   color: $white;

//   &:hover {
//     color: $white;
//   }
// }