_plugins.scss 937 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .sidebar-content {
  2. width: calc(100% - #{$page-sidebar-width + $page-sidebar-margin}); // sidebar width + margin
  3. }
  4. .sidebar-container {
  5. @include media-breakpoint-up(md) {
  6. display: flex;
  7. flex-direction: row;
  8. flex-wrap: wrap;
  9. }
  10. }
  11. .page-sidebar {
  12. @include media-breakpoint-up(md) {
  13. width: $page-sidebar-width;
  14. margin-left: $page-sidebar-margin;
  15. }
  16. }
  17. .page-sidebar-section {
  18. margin-bottom: $spacer * 2;
  19. }
  20. .get-more-plugins-link {
  21. color: $gray-3;
  22. font-size: $font-size-sm;
  23. position: relative;
  24. top: $space-md;
  25. &:hover {
  26. color: $link-hover-color;
  27. }
  28. img {
  29. vertical-align: top;
  30. }
  31. }
  32. @include media-breakpoint-down(sm) {
  33. .get-more-plugins-link {
  34. display: none;
  35. }
  36. }
  37. .plugin-info-list-item {
  38. white-space: nowrap;
  39. max-width: $page-sidebar-width;
  40. text-overflow: ellipsis;
  41. overflow: hidden;
  42. img,
  43. i {
  44. width: 16px;
  45. margin-right: 4px;
  46. margin-bottom: 1px;
  47. }
  48. }