fmt.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. :root {
  2. --md-primary-fg-color: #0050D0;
  3. }
  4. .md-grid {
  5. max-width: 960px;
  6. }
  7. @media (min-width: 400px) {
  8. .md-tabs {
  9. display: block;
  10. }
  11. }
  12. .docblock {
  13. border-left: .05rem solid var(--md-primary-fg-color);
  14. }
  15. .docblock-desc {
  16. margin-left: 1em;
  17. }
  18. pre > code.decl {
  19. white-space: pre-wrap;
  20. }
  21. code.decl > div {
  22. text-indent: -2ch; /* Negative indent to counteract the indent on the first line */
  23. padding-left: 2ch; /* Add padding to the left to create an indent */
  24. }
  25. .features-container {
  26. display: flex;
  27. flex-wrap: wrap;
  28. gap: 20px;
  29. justify-content: center; /* Center the items horizontally */
  30. }
  31. .feature {
  32. flex: 1 1 calc(50% - 20px); /* Two columns with space between */
  33. max-width: 600px; /* Set the maximum width for the feature boxes */
  34. box-sizing: border-box;
  35. padding: 10px;
  36. overflow: hidden; /* Hide overflow content */
  37. text-overflow: ellipsis; /* Handle text overflow */
  38. white-space: normal; /* Allow text wrapping */
  39. }
  40. .feature h2 {
  41. margin-top: 0px;
  42. font-weight: bold;
  43. }
  44. @media (max-width: 768px) {
  45. .feature {
  46. flex: 1 1 100%; /* Stack columns on smaller screens */
  47. max-width: 100%; /* Allow full width on smaller screens */
  48. white-space: normal; /* Allow text wrapping on smaller screens */
  49. }
  50. }