| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- :root {
- --md-primary-fg-color: #0050D0;
- }
- .md-grid {
- max-width: 960px;
- }
- @media (min-width: 400px) {
- .md-tabs {
- display: block;
- }
- }
- .docblock {
- border-left: .05rem solid var(--md-primary-fg-color);
- }
- .docblock-desc {
- margin-left: 1em;
- }
- pre > code.decl {
- white-space: pre-wrap;
- }
- code.decl > div {
- text-indent: -2ch; /* Negative indent to counteract the indent on the first line */
- padding-left: 2ch; /* Add padding to the left to create an indent */
- }
- .features-container {
- display: flex;
- flex-wrap: wrap;
- gap: 20px;
- justify-content: center; /* Center the items horizontally */
- }
- .feature {
- flex: 1 1 calc(50% - 20px); /* Two columns with space between */
- max-width: 600px; /* Set the maximum width for the feature boxes */
- box-sizing: border-box;
- padding: 10px;
- overflow: hidden; /* Hide overflow content */
- text-overflow: ellipsis; /* Handle text overflow */
- white-space: normal; /* Allow text wrapping */
- }
- .feature h2 {
- margin-top: 0px;
- font-weight: bold;
- }
- @media (max-width: 768px) {
- .feature {
- flex: 1 1 100%; /* Stack columns on smaller screens */
- max-width: 100%; /* Allow full width on smaller screens */
- white-space: normal; /* Allow text wrapping on smaller screens */
- }
- }
|