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