github.com/ddev/ddev@v1.23.2-0.20240519125000-d824ffe36ff3/docs/content/assets/extra.css (about) 1 /* variables */ 2 :root { 3 /* #4051b5 (indigo primary) in decimal RGB */ 4 --custom-bg-color: rgba(64, 81, 181, .1); 5 --custom-header-color: var(--md-primary-fg-color); 6 } 7 8 /* dark color scheme overrides */ 9 [data-md-color-scheme="slate"] { 10 --custom-header-color: var(--md-primary-fg-color--light); 11 } 12 13 /* table does not need a scrollbar, see https://github.com/ddev/ddev/pull/3290#issuecomment-942888867 14 */ 15 .md-typeset__table { 16 padding-right: 0; 17 } 18 19 dt { 20 font-weight: bold; 21 } 22 23 .md-typeset :is(.admonition,details) { 24 font-size: .70rem; 25 background-color: inherit; 26 } 27 28 .md-typeset .tabbed-content { 29 background-color: var(--custom-bg-color); 30 padding: 10px; 31 } 32 33 /* only required if we have our svg logo out there */ 34 /*.md-logo {*/ 35 /* filter:invert(40%)*/ 36 /*}*/ 37 38 /* typography */ 39 .md-typeset h1, 40 .md-typeset h2, 41 .md-typeset h3, 42 .md-typeset h4, 43 .md-typeset h5, 44 .md-typeset h6 { 45 font-weight: 700; 46 margin-bottom: .5em; 47 color: var(--custom-header-color); 48 } 49 50 .md-content { 51 max-width: 130ch; 52 } 53 54 /* main menu */ 55 .md-container > nav .md-tabs__item { 56 position: relative !important; 57 height: 2rem; 58 display: inline-flex; 59 justify-content: center; 60 align-items: center; 61 } 62 63 .md-container > nav .md-tabs__link { 64 margin-top: 0; 65 } 66 67 .md-container > nav .md-tabs__link:after { 68 content: ''; 69 background: #fff; 70 opacity: 0; 71 position: absolute; 72 right: 0; 73 bottom: 0; 74 left: 0; 75 top: 0; 76 } 77 78 .md-container > nav .md-tabs__link:hover:after, 79 .md-container > nav .md-tabs__link--active:after { 80 opacity: 0.1; 81 } 82 83 .md-tabs[hidden] .md-tabs__link, 84 .md-container > nav .md-tabs[hidden] .md-tabs__link { 85 transform: unset; 86 transition: opacity .3s ease; 87 } 88 89 /* blockquote */ 90 [dir=ltr] .md-typeset blockquote { 91 border-left-color: var(--custom-header-color); 92 background: var(--custom-bg-color); 93 padding: .6rem 1rem; 94 } 95 96 [dir=ltr] .md-typeset blockquote strong { 97 color: var(--custom-header-color); 98 } 99 100 [dir=ltr] .md-typeset blockquote p:first-child { 101 margin-top: 0; 102 } 103 104 [dir=ltr] .md-typeset blockquote p:last-child { 105 margin-bottom: 0; 106 } 107 108 /* tabs */ 109 .md-typeset .tabbed-labels label { 110 font-size: 0.75rem; 111 } 112 113 .md-typeset .tabbed-button { 114 width: 30px; 115 height: 100%; 116 border-radius: unset!important; 117 } 118 119 .md-typeset .tabbed-button:after { 120 -webkit-mask-size: cover; 121 mask-size: cover; 122 mask-position: center; 123 -webkit-mask-position: center; 124 }