custom-laravel.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. /*=========================================================================================
  2. File Name: laravel-menu.scss
  3. Description: laravel Specific menu 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. // Core variables and mixins
  10. @import "bootstrap/functions";
  11. @import "bootstrap/mixins";
  12. @import "bootstrap-extended/mixins";
  13. // Core variables and mixins overrides
  14. @import "core/variables/variables";
  15. @import "bootstrap/variables";
  16. // Overrides user variable
  17. @import "core/variables/components-variables";
  18. // Import first main menu mixin
  19. @import "core/mixins/main-menu-mixin";
  20. // Vertical menu
  21. //=========================
  22. body.vertical-layout {
  23. &.vertical-menu-modern {
  24. .horizontal-menu-wrapper{
  25. display: none;
  26. }
  27. }
  28. }
  29. // Horizontal Menu
  30. //=========================
  31. .horizontal-menu{
  32. // Hide Vertical menu in Horizontal Layout in Laravel not in HTML
  33. >.main-menu{
  34. display: none;
  35. }
  36. .fixed-top{
  37. left: 0;
  38. }
  39. }
  40. // content style
  41. //=========================
  42. html body.navbar-static .app-content .header-navbar {
  43. background: transparent;
  44. box-shadow: none !important;
  45. }
  46. @include media-breakpoint-down(xs) {
  47. // Vertical Layout
  48. body.vertical-layout {
  49. &:not(.horizontal-layout){
  50. &.navbar-floating{
  51. .header-navbar{
  52. margin-left: 1.2rem;
  53. margin-right: 1.2rem;
  54. }
  55. }
  56. }
  57. }
  58. }