_layout_.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. > .layui-header {
  2. background: @headNormalBackColor;
  3. .layui-nav-item {
  4. &.layui-this > a {
  5. color: @headActionTextColor;
  6. background: @headActiveBackColor;
  7. }
  8. > a {
  9. color: @headNormalTextColor;
  10. &:hover {
  11. color: @headActionTextColor;
  12. }
  13. }
  14. }
  15. }
  16. > .layui-body {
  17. > .think-page-body > .layui-card > .layui-card-header {
  18. box-sizing: border-box;
  19. border-bottom: @TopHeaderBottomLine;
  20. }
  21. }
  22. .layui-side {
  23. .layui-logo {
  24. color: #FFF;
  25. box-shadow: none;
  26. font-weight: bold;
  27. }
  28. .layui-side-scroll {
  29. display: flex !important;
  30. box-sizing: border-box;
  31. border-right: @TopHeaderBottomLine;
  32. .layui-side-icon {
  33. display: none;
  34. }
  35. .layui-side-tree {
  36. flex: 1;
  37. .layui-nav-item {
  38. a {
  39. color: @leftNormalTextColor;
  40. border-bottom: none !important;
  41. &:hover {
  42. color: @leftActiveTextColor;
  43. }
  44. }
  45. .layui-this, &.layui-this {
  46. > a {
  47. color: @leftActiveTextColor;
  48. background: @leftActiveBackColor;
  49. }
  50. }
  51. &ed > a {
  52. color: @leftActiveTextColor;
  53. }
  54. }
  55. }
  56. }
  57. }