Home Explore Help
Register Sign In
lqb
/
vue-element-plus-admin-doc
mirror of https://gitee.com/kailong110120130/vue-element-plus-admin-doc.git
1
0
Fork 0
Files Issues 0 Wiki
Tree: e86bc1e13c
Branches Tags
vue-element-plu...
/
.vitepress
/
theme-default
/
styles
/
sidebar-links.css

sidebar-links.css 1.9 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 
  1. .sidebar-links {
    2. 

  2.   margin: 0;
    3. 

  3.   padding: 0;
    4. 

  4.   list-style: none;
    5. 

  5. }
    6. 

  6. 

  7. .sidebar-link-item {
    8. 

  8.   display: block;
    9. 

  9.   margin: 0;
    10. 

  10.   border-left: 0.25rem solid transparent;
    11. 

  11.   color: var(--c-text);
    12. 

  12. }
    13. 

  13. 

  14. a.sidebar-link-item:hover {
    15. 

  15.   text-decoration: none;
    16. 

  16.   color: var(--c-brand);
    17. 

  17. }
    18. 

  18. 

  19. a.sidebar-link-item.active {
    20. 

  20.   color: var(--c-brand);
    21. 

  21. }
    22. 

  22. 

  23. .sidebar > .sidebar-links {
    24. 

  24.   padding: 0.75rem 0 5rem;
    25. 

  25. }
    26. 

  26. 

  27. @media (min-width: 720px) {
    28. 

  28.   .sidebar > .sidebar-links {
    29. 

  29.     padding: 1.5rem 0;
    30. 

  30.   }
    31. 

  31. }
    32. 

  32. 

  33. .sidebar > .sidebar-links > .sidebar-link + .sidebar-link {
    34. 

  34.   padding-top: 0.5rem;
    35. 

  35. }
    36. 

  36. 

  37. @media (min-width: 720px) {
    38. 

  38.   .sidebar > .sidebar-links > .sidebar-link + .sidebar-link {
    39. 

  39.     padding-top: 1.25rem;
    40. 

  40.   }
    41. 

  41. }
    42. 

  42. 

  43. .sidebar > .sidebar-links > .sidebar-link > .sidebar-link-item {
    44. 

  44.   padding: 0.35rem 1.5rem 0.35rem 1.25rem;
    45. 

  45.   font-size: 1.1rem;
    46. 

  46.   font-weight: 700;
    47. 

  47. }
    48. 

  48. 

  49. .sidebar > .sidebar-links > .sidebar-link > a.sidebar-link-item.active {
    50. 

  50.   border-left-color: var(--c-brand);
    51. 

  51.   font-weight: 600;
    52. 

  52. }
    53. 

  53. 

  54. .sidebar
    55. 

  55.   > .sidebar-links
    56. 

  56.   > .sidebar-link
    57. 

  57.   > .sidebar-links
    58. 

  58.   > .sidebar-link
    59. 

  59.   > .sidebar-link-item {
    60. 

  60.   display: block;
    61. 

  61.   padding: 0.35rem 1.5rem 0.35rem 2rem;
    62. 

  62.   line-height: 1.4;
    63. 

  63.   font-size: 1rem;
    64. 

  64.   font-weight: 400;
    65. 

  65. }
    66. 

  66. 

  67. .sidebar
    68. 

  68.   > .sidebar-links
    69. 

  69.   > .sidebar-link
    70. 

  70.   > .sidebar-links
    71. 

  71.   > .sidebar-link
    72. 

  72.   > a.sidebar-link-item.active {
    73. 

  73.   border-left-color: var(--c-brand);
    74. 

  74.   font-weight: 600;
    75. 

  75. }
    76. 

  76. 

  77. .sidebar
    78. 

  78.   > .sidebar-links
    79. 

  79.   > .sidebar-link
    80. 

  80.   > .sidebar-links
    81. 

  81.   > .sidebar-link
    82. 

  82.   > .sidebar-links
    83. 

  83.   > .sidebar-link
    84. 

  84.   > .sidebar-link-item {
    85. 

  85.   display: block;
    86. 

  86.   padding: 0.3rem 1.5rem 0.3rem 3rem;
    87. 

  87.   line-height: 1.4;
    88. 

  88.   font-size: 0.9rem;
    89. 

  89.   font-weight: 400;
    90. 

  90. }
    91. 

  91. 

  92. .sidebar
    93. 

  93.   > .sidebar-links
    94. 

  94.   > .sidebar-link
    95. 

  95.   > .sidebar-links
    96. 

  96.   > .sidebar-link
    97. 

  97.   > .sidebar-links
    98. 

  98.   > .sidebar-link
    99. 

  99.   > .sidebar-links
    100. 

  100.   > .sidebar-link
    101. 

  101.   > .sidebar-link-item {
    102. 

  102.   display: block;
    103. 

  103.   padding: 0.3rem 1.5rem 0.3rem 4rem;
    104. 

  104.   line-height: 1.4;
    105. 

  105.   font-size: 0.9rem;
    106. 

  106.   font-weight: 400;
    107. 

  107. }
    108.