_panel_pluginlist.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .pluginlist-section-header {
  2. margin-bottom: $spacer;
  3. color: $text-color-weak;
  4. }
  5. .pluginlist-section {
  6. margin-bottom: $spacer;
  7. }
  8. .pluginlist-link {
  9. display: block;
  10. margin: 5px;
  11. padding: 7px;
  12. background-color: $tight-form-bg;
  13. &:hover {
  14. background-color: $tight-form-func-bg;
  15. }
  16. }
  17. .pluginlist-icon {
  18. vertical-align: sub;
  19. font-size: $font-size-h1;
  20. margin-right: $spacer / 2;
  21. }
  22. .pluginlist-image {
  23. width: 20px;
  24. }
  25. .pluginlist-title {
  26. margin-right: $spacer / 3;
  27. }
  28. .pluginlist-version {
  29. font-size: $font-size-sm;
  30. color: $text-color-weak;
  31. }
  32. .pluginlist-message {
  33. float: right;
  34. font-size: $font-size-sm;
  35. }
  36. .pluginlist-message--update {
  37. &:hover {
  38. border-bottom: 1px solid $text-color;
  39. }
  40. }
  41. .pluginlist-message--enable{
  42. color: $external-link-color;
  43. &:hover {
  44. border-bottom: 1px solid $external-link-color;
  45. }
  46. }
  47. .pluginlist-message--no-update {
  48. color: $text-color-weak;
  49. }
  50. .pluginlist-emphasis {
  51. font-weight: 600;
  52. }
  53. .pluginlist-none-installed {
  54. color: $text-color-weak;
  55. font-size: $font-size-sm;
  56. }
  57. .pluginlist-inline-logo {
  58. vertical-align: sub;
  59. margin-right: $spacer / 3;
  60. width: 16px;
  61. }