_layout_1.less 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @charset "UTF-8";
  2. @import "_config.less";
  3. > .layui-layout-admin {
  4. > .layui-side {
  5. background: @leftBackColor;
  6. #leftBackColor() {
  7. background-color: rgba(0, 0, 0, 0.6);
  8. }
  9. .layui-logo {
  10. #leftBackColor();
  11. .headtxt {
  12. text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
  13. }
  14. }
  15. .layui-side-scroll {
  16. display: flex !important;
  17. box-sizing: border-box;
  18. #leftBackColor();
  19. #defaTransition(0.2s, 'background-color');
  20. .layui-side-icon {
  21. display: none;
  22. }
  23. .layui-side-tree {
  24. flex: 1;
  25. .layui-nav-item {
  26. a {
  27. color: @leftNormalTextColor;
  28. border-bottom: none !important;
  29. &:hover {
  30. color: @leftActiveTextColor;
  31. }
  32. }
  33. .layui-this, &.layui-this {
  34. > a {
  35. color: @leftActiveTextColor;
  36. background: @leftActiveBackColor;
  37. }
  38. }
  39. &ed > a {
  40. color: @leftActiveTextColor;
  41. }
  42. }
  43. }
  44. }
  45. }
  46. > .layui-header {
  47. background: @headNormalBackColor;
  48. #defaTransition(0.2s, 'background-color');
  49. .layui-nav-item {
  50. &.layui-this > a {
  51. color: @headActionTextColor;
  52. background: @headActiveBackColor;
  53. }
  54. > a {
  55. color: @headNormalTextColor;
  56. &:hover {
  57. color: @headActionTextColor;
  58. }
  59. }
  60. }
  61. }
  62. }
  63. .help-label b {
  64. color: @mainActiveBack
  65. }
  66. .layui-btn-group {
  67. border-color: @mainActiveBack;
  68. background-color: @mainActiveBack;
  69. .layui-btn {
  70. &:hover:not(.layui-btn-active) {
  71. color: @mainActiveBack;
  72. }
  73. &.layui-btn-active {
  74. background-color: @mainActiveBack
  75. }
  76. }
  77. }