_footer.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. // ================================================================================================
  2. // File Name: Footer.scss
  3. // Description: * Main footer styles.
  4. // ----------------------------------------------------------------------------------------------
  5. // Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  6. // Author: PIXINVENT
  7. // Author URL: http://www.themeforest.net/user/pixinvent
  8. // ================================================================================================
  9. // Stick footer to the bottom of the page
  10. footer{
  11. &.footer {
  12. padding: $spacer ($spacer*2.2);
  13. // a tag margin - PIXINVENT text
  14. a{
  15. margin: 0 0.3rem;
  16. }
  17. // heart icon scss
  18. span{
  19. i{
  20. margin-left: 0.5rem;
  21. font-size: $h3-font-size;
  22. color: $danger;
  23. position: relative;
  24. top: 2px;
  25. }
  26. }
  27. .scroll-top{
  28. padding: .81rem .83rem;
  29. }
  30. }
  31. //shadow & border options
  32. &.navbar-shadow {
  33. box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
  34. }
  35. &.navbar-border {
  36. border-top: 1px solid $custom-border-color;
  37. }
  38. }
  39. // Fixed Footer
  40. body{
  41. &.fixed-footer{
  42. footer{
  43. // Footer Light
  44. &.footer-light{
  45. background: $white;
  46. box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
  47. }
  48. // Footer Dark
  49. &.footer-dark{
  50. background: $gray-600;
  51. color: $white;
  52. }
  53. }
  54. }
  55. }
  56. // scroll to Top Footer Button
  57. .scroll-top{
  58. position:fixed;
  59. bottom:5%;
  60. right:30px;
  61. display: none;
  62. z-index: 99;
  63. }