bordered-layout.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. // ================================================================================================
  2. // File Name: bordered-layout.scss
  3. // Description: SCSS file for Bordered layout.
  4. // ----------------------------------------------------------------------------------------------
  5. // Item Name: Vuexy - Vuejs, React, Angular, HTML & Laravel Admin Dashboard Template
  6. // Author: PIXINVENT
  7. // Author URL: http://www.themeforest.net/user/pixinvent
  8. // ================================================================================================
  9. @import '../bootstrap-extended/include'; // Bootstrap includes
  10. @import '../components/include'; // Components includes
  11. .bordered-layout {
  12. .header-navbar {
  13. box-shadow: none;
  14. border: 1px solid $border-color;
  15. &.floating-nav {
  16. border: 1px solid $border-color;
  17. }
  18. &.fixed-top {
  19. border-bottom: 1px solid $border-color;
  20. background: $body-bg;
  21. box-shadow: none !important;
  22. }
  23. }
  24. .main-menu {
  25. border-right: 1px solid $border-color;
  26. box-shadow: none;
  27. &.menu-light .navigation > li {
  28. &.open:not(.menu-item-closing),
  29. &.sidebar-group-active {
  30. > a {
  31. background: darken($white, 7%);
  32. }
  33. }
  34. }
  35. }
  36. .dropdown-menu {
  37. border: 1px solid $border-color !important;
  38. box-shadow: none;
  39. }
  40. .main-menu .navigation,
  41. .main-menu {
  42. background: $body-bg;
  43. }
  44. .card,
  45. .bs-stepper:not(.wizard-modern):not(.checkout-tab-steps),
  46. .bs-stepper.wizard-modern .bs-stepper-content {
  47. border: 1px solid $border-color;
  48. box-shadow: none;
  49. }
  50. .footer {
  51. box-shadow: none !important;
  52. }
  53. .footer-fixed {
  54. .footer {
  55. border-top: 1px solid $border-color;
  56. }
  57. }
  58. }