_footer.scss 988 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .page-dashboard .footer {
  2. display: none;
  3. }
  4. .footer {
  5. color: $footer-link-color;
  6. padding: $space-md 0 $space-md 0;
  7. font-size: $font-size-sm;
  8. position: relative;
  9. width: 98%; /* was causing horiz scrollbars - need to examine */
  10. a {
  11. color: $footer-link-color;
  12. &:hover {
  13. color: $footer-link-hover;
  14. }
  15. }
  16. ul {
  17. list-style: none;
  18. }
  19. li {
  20. display: inline-block;
  21. padding-right: 2px;
  22. &::after {
  23. content: ' | ';
  24. padding-left: 2px;
  25. }
  26. }
  27. li:last-child {
  28. &::after {
  29. padding-left: 0;
  30. content: '';
  31. }
  32. }
  33. }
  34. .is-react .footer {
  35. display: none;
  36. }
  37. .is-react .custom-scrollbar .footer {
  38. display: block;
  39. }
  40. // Keeping footer inside the graphic on Login screen
  41. .login-page {
  42. .footer {
  43. display: block;
  44. bottom: $spacer;
  45. position: absolute;
  46. padding: $space-md 0 $space-md 0;
  47. }
  48. }
  49. @include media-breakpoint-up(sm) {
  50. .login-page {
  51. .footer {
  52. padding: 70px 0 $space-md 0;
  53. }
  54. }
  55. }