info-blocks.css 636 B

12345678910111213141516171819202122232425262728293031323334
  1. /* Warning */
  2. .elv-info {
  3. line-height: 1.5;
  4. padding: 0.8125em 1em 0.75em; /* 13px 16px 12px /16 */
  5. margin-left: -1rem;
  6. margin-right: -1rem;
  7. margin-bottom: 2em;
  8. background-color: #dff7ff;
  9. }
  10. .elv-info:before {
  11. content: "ℹ️ ";
  12. }
  13. .elv-info-warn {
  14. background-color: #ffa;
  15. }
  16. .elv-info-warn:before {
  17. content: "⚠️ ";
  18. }
  19. .elv-info:first-child {
  20. margin-top: 0;
  21. }
  22. body > .elv-info {
  23. margin-left: 0;
  24. margin-right: 0;
  25. padding: .5rem 1rem;
  26. }
  27. @media (min-width: 37.5em) and (min-height: 25em) { /* 600px / 400px */
  28. body > .elv-info-sticky {
  29. position: sticky;
  30. top: 0;
  31. z-index: 2;
  32. box-shadow: 0 3px 0 0 rgba(0,0,0,.08);
  33. }
  34. }