_infobox.scss 875 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .grafana-info-box {
  2. position: relative;
  3. padding: 1.5rem;
  4. background-color: $empty-list-cta-bg;
  5. margin-bottom: 2rem;
  6. border-top: 3px solid $info-box-border-color;
  7. margin-bottom: $spacer;
  8. margin-right: $gf-form-margin;
  9. box-shadow: $card-shadow;
  10. flex-grow: 1;
  11. h5 {
  12. margin-bottom: $spacer;
  13. }
  14. ul {
  15. padding-left: $spacer * 1.5;
  16. }
  17. code {
  18. @include font-family-monospace();
  19. font-size: $font-size-base - 2;
  20. background-color: $code-tag-bg;
  21. color: $text-color;
  22. border: 1px solid $code-tag-border;
  23. border-radius: 4px;
  24. }
  25. p:last-child {
  26. margin-bottom: 0;
  27. }
  28. a {
  29. @extend .external-link;
  30. }
  31. &--max-lg {
  32. max-width: map-get($grid-breakpoints, 'lg');
  33. }
  34. }
  35. .grafana-info-box__close {
  36. text-align: center;
  37. display: block;
  38. color: $link-color !important;
  39. height: 0;
  40. position: relative;
  41. top: -9px;
  42. }