_sidebar.styl 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. if (hexo-config('sidebar.position') == 'right') {
  2. .sidebar {
  3. right: 0 - $sidebar-desktop;
  4. &.sidebar-active {
  5. right: 0;
  6. }
  7. }
  8. .sidebar-toggle, .back-to-top {
  9. left: auto;
  10. right: $b2t-position-right;
  11. +tablet-mobile() {
  12. right: $b2t-position-right-mobile;
  13. }
  14. }
  15. .book-mark-link {
  16. left: $b2t-position-right;
  17. }
  18. } else {
  19. .sidebar {
  20. left: 0 - $sidebar-desktop;
  21. &.sidebar-active {
  22. left: 0;
  23. }
  24. }
  25. }
  26. .sidebar {
  27. width: $sidebar-desktop;
  28. z-index: $zindex-2;
  29. the-transition-ease-out();
  30. a, span.exturl {
  31. border-bottom-color: $black-light;
  32. color: $grey-dark;
  33. &:hover {
  34. border-bottom-color: $gainsboro;
  35. color: $gainsboro;
  36. }
  37. }
  38. }
  39. .links-of-blogroll-item {
  40. if (hexo-config('links_settings.layout') == 'inline') {
  41. display: inline-block;
  42. }
  43. padding: 2px 10px;
  44. a, span.exturl {
  45. box-sizing: border-box;
  46. display: inline-block;
  47. max-width: 280px;
  48. overflow: hidden;
  49. text-overflow: ellipsis;
  50. white-space: nowrap;
  51. }
  52. }