_plugins.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .plugin-header {
  2. @include clearfix();
  3. padding: $spacer 0 $spacer/2 0;
  4. margin-bottom: 2rem;
  5. }
  6. .plugin-header-logo {
  7. float: left;
  8. width: 7rem;
  9. img {
  10. width: 7rem;
  11. }
  12. margin-right: $spacer;
  13. }
  14. .plugin-header-info-block {
  15. float: left;
  16. }
  17. .plugin-header-author {
  18. }
  19. .plugin-header-stamps-type {
  20. color: $link-color-disabled;
  21. text-transform: uppercase;
  22. }
  23. .plugin-info-list-item {
  24. img {
  25. width: 16px;
  26. }
  27. white-space: nowrap;
  28. max-width: $page-sidebar-width;
  29. text-overflow: ellipsis;
  30. overflow: hidden;
  31. }
  32. .plugin-markdown-readme {
  33. img {
  34. max-width: 100%;
  35. }
  36. ul {
  37. padding-left: $spacer*1.5;
  38. margin-bottom: $spacer*2;
  39. }
  40. table {
  41. td, th {
  42. padding: $spacer*.5 $spacer;
  43. }
  44. th {
  45. font-weight: normal;
  46. background: $table-bg-accent;
  47. }
  48. }
  49. table, th, td {
  50. border: 1px solid $table-border;
  51. border-collapse: collapse;
  52. }
  53. }
  54. .get-more-plugins-link {
  55. color: $text-muted;
  56. font-size: $font-size-sm;
  57. padding-right: 7rem;
  58. background: url(../img/grafana_net_logo.svg);
  59. background-size: 6.5rem 3rem;
  60. background-repeat: no-repeat;
  61. background-position: right;
  62. position: relative;
  63. top: 1.2rem;
  64. &:hover {
  65. color: $link-hover-color;
  66. }
  67. }
  68. @include media-breakpoint-down(sm) {
  69. .get-more-plugins-link {
  70. display: none;
  71. }
  72. }