_infobox.scss 852 B

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