_login.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. /* ------------------------------------------------------------------------------
  2. *
  3. * # Login and related forms
  4. *
  5. * Styles related to user login - logins, registration, password revovery, unlock etc.
  6. *
  7. * ---------------------------------------------------------------------------- */
  8. // Check if component is enabled
  9. @if $enable-login {
  10. // Cover image
  11. .login-cover {
  12. background: url(#{$img-path}/login_cover.jpg) no-repeat;
  13. background-size: cover;
  14. }
  15. // Form
  16. .login-form {
  17. width: 100%;
  18. // Tabs
  19. .nav-item {
  20. @if $enable-rounded {
  21. &:first-child .nav-link {
  22. border-top-left-radius: $card-inner-border-radius;
  23. }
  24. &:last-child .nav-link {
  25. border-top-right-radius: $card-inner-border-radius;
  26. }
  27. }
  28. }
  29. // Set a fixed width for desktop browsers
  30. @include media-breakpoint-up(sm) {
  31. width: $login-form-width;
  32. }
  33. }
  34. }