You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

105 lines
1.8 KiB

  1. .admin-wrapper {
  2. width: 100%;
  3. height: 100%;
  4. position: fixed;
  5. background: #1a1c23;
  6. overflow-y: scroll;
  7. .sidebar {
  8. width: 240px;
  9. position: fixed;
  10. left: 0;
  11. height: 100%;
  12. background: #282c37;
  13. .logo {
  14. display: block;
  15. margin: 40px auto;
  16. width: 100px;
  17. height: 100px;
  18. }
  19. ul {
  20. list-style: none;
  21. a {
  22. display: block;
  23. padding: 15px 25px;
  24. color: rgba(255, 255, 255, 0.7);
  25. text-decoration: none;
  26. transition: all 200ms linear;
  27. i.fa {
  28. margin-right: 5px;
  29. }
  30. &:hover {
  31. color: #fff;
  32. background-color: darken(#282c37, 5%);
  33. transition: all 100ms linear;
  34. }
  35. &.selected {
  36. color: #fff;
  37. background-color: #2b90d9;
  38. &:hover {
  39. background-color: lighten(#2b90d9, 5%);
  40. }
  41. }
  42. }
  43. }
  44. }
  45. .content {
  46. margin-left: 240px;
  47. padding: 15px;
  48. }
  49. }
  50. .filters {
  51. display: flex;
  52. margin-bottom: 20px;
  53. padding-left: 8px;
  54. .filter-subset {
  55. flex: 0 0 auto;
  56. margin-right: 40px;
  57. ul {
  58. margin-top: 5px;
  59. list-style: none;
  60. li {
  61. display: inline-block;
  62. margin-right: 5px;
  63. }
  64. }
  65. strong {
  66. font-weight: 500;
  67. text-transform: uppercase;
  68. font-size: 12px;
  69. }
  70. a {
  71. display: inline-block;
  72. color: rgba(255, 255, 255, 0.7);
  73. text-decoration: none;
  74. text-transform: uppercase;
  75. font-size: 12px;
  76. font-weight: 500;
  77. border-bottom: 2px solid #282c37;
  78. &:hover {
  79. color: #fff;
  80. border-bottom: 2px solid lighten(#282c37, 5%);
  81. }
  82. &.selected {
  83. color: #2b90d9;
  84. border-bottom: 2px solid #2b90d9;
  85. }
  86. }
  87. }
  88. }